border-inline-start-width

This property defines the width of the inline start border.

Which border is considered the inline start border depends on the element’s directionality, writing mode and text orientation.

Syntax

This property accepts one of the keyword values: thin, medium or thick. Other than these, it can also accept any length value.

/* Setting the inline start border to be thick */
border-inline-start-width: thick;

/* Setting a length value: */
border-inline-start-width: 4px;
border-inline-start-width: 0.5em;

Values

border-width
Same values apply as with the border-width property. It can be thin, medium or thick as a keyword value or any type of length value (example: 15px or 1.3rem).

initial
Global CSS keyword – this sets the property to the default value.

inherit
Global CSS keyword – this sets the property to be inherited from its parent element.

Browser Compatibilty

Demos

Have a code example of border-inline-start-width? Submit a codepen.io demo and we'll showcase it here ↴