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.
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;
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.
Have a code example of border-inline-start-width
? Submit a codepen.io demo and we'll showcase it here ↴