border-inline-width

This property defines the width of the inline borders of the element.

Which borders are considered to be inline 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 borders to be thick */
border-inline-width: thick;

/* Setting a length value: */
border-inline-width: 4px;
border-inline-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-width? Submit a codepen.io demo and we'll showcase it here ↴