CSS border-inline-width property

Description

CSS border-inline-width is a logical property that defines width for the start and end side oorders of a block. The selection of start and end sides depends upon the writing-mode. It is a shorthand property of border-inline-start-width and border-inline-end-width.

  • The start and end sides are left and right sides respectively for the horizontal-tb writing-mode.

  • The start and end sides are top and bottom sides respectively for the vertical-* writing-mode.

Change the direction of flow of text.

horizontal-tb vertical-lr vertical-rl

Syntax

border-inline-width : border-inline-start-width    border-inline-end-width

Property values

mediumDefault

It is the same as border-inline-width: medium medium;

border-inline-width: medium;

10px

It is the same as border-inline-width: 10px 10px;

border-inline-width: 10px;

10px 15px

It is the same as border-inline-width: 10px 15px;

border-inline-width: 10px 15px;

Applicable to

It applies to all elements

From web4college, the free CSS digger

#CSS digger
Was this article helpful?

 
Check the behavior of border-inline-width for different values of writing mode.
▾
×

Ctrl+D