CSS border-inline-start

The border-inline-start property in CSS allows you to set the style, width, and color of the border on the inline-start side of a block-level element. The inline-start side is the side of the element that is on the start side of the writing direction, which is left in left-to-right writing mode and right in right-to-left writing mode.

Syntax


selector {
  border-inline-start: value;
}

Values

border-style: Specifies the style of the border (e.g. solid, dashed, dotted, etc.)
border-width: Specifies the width of the border in pixels, em, etc.
border-color: Specifies the color of the border (e.g. red, #000000, rgba(0,0,0,0.5), etc.)

Example

Result:


    <div class="border-example">Hello, CSS border-inline-start!</div>

The above example will create a red solid border on the inline-start side of the <div> element with the text "Hello, CSS border-inline-start!"