CSS border-inline-style property

Description

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

  • 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-style : border-inline-start-style    border-inline-end-style

Property values

noneDefault

It is the same as border-inline-style: none none;

border-inline-style: none;

solid

It is the same as border-inline-style: solid solid;

border-inline-style: solid;

solid dotted

It is the same as border-inline-style: solid dotted;

border-inline-style: solid dotted;

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-style for different value of writing mode.
▾
×

Ctrl+D