HTML CSS SQL Meta tag Generator ScrollBar design Generator Encode Decode images

CSS Basics

Introduction Syntax Selectors Attribute Selectors Specificity Combinators !important Comments Colors

CSS Need to Know

Box Model Pseudo-class Pseudo-element Inline-block Math Functions Max and Min Opacity Outline Overflow Z-index Float

Most used

Align Backgrounds Borders Text Units Padding Margins Position Tables Display Fonts Lists Height and Width

CSS Reference

CSS Properties reference CSS Pseudo-Classes reference CSS Pseudo-Elements reference CSS Selector reference

CSS border-inline-start-color

The border-inline-start-color property is used to set the color of the inline start edge of an element's border. The inline start edge depends on the element's writing mode, for example, in left-to-right writing mode the inline start edge is on the left side of the element.

This property works with the border-inline-start-width and border-inline-start-style properties to fully control the style of the border on the inline start side of an element.

Let's see how to use the border-inline-start-color property with some examples:

Result:

    .border-example {
      border-inline-start-color: blue;
      border-inline-start-width: 2px;
      border-inline-start-style: dashed;
    }
  
This is an example text with a border on the inline start side.

In this example, the border-inline-start-color property is set to blue, the border-inline-start-width to 2 pixels, and the border-inline-start-style to dashed. This creates a blue dashed border on the inline start side of the element.

You can also use color names, hex values, RGB values, or any other valid color representation to set the color of the border inline start edge.

Experiment with different values for the border-inline-start-color property to see how it affects the appearance of the border on the inline start side of an element.

.ninja{
    visibility: hidden;
    color: black;
}