CSS border-inline-start property
CSS border-inline-start is a logical property that property defines width, style, and color for the start side border of a block. The selection of start side depends upon the writing-mode.
The start side represents left side for the horizontal-tb writing-mode.
The start side represents top or bottom side for the vertical-lr or vertical-rl writing-mode respectively.
Change the direction of flow of text.
horizontal-tb vertical-lr vertical-rl
border-inline-start : border-inline-start-width border-inline-start-style border-inline-start-color
medium value represents medium sized border. thin ≤ medium ≤ thick
thin value defines thin line border.
thick value defines a thick line border.
length defines the line width of border. The used units might be px, in, em, pt.
There is no style. In this case, the color and width of border are also ignored i.e. 0px border.
It is same as 'none' but resolve to different results for the border-collapse property in tables.
The border consists of a series of square shaped dashes.
The border consists of a series of round dots.
The border consists of a solid line.
The border consists of two lines. The total border-width equals to the two lines and space between them.
The content seems to be coming out of the canvas. The half outer side of border is darker than border-inline-start-color.
The content seems to be going into the canvas. The half inner side of border is darker than border-inline-start-color.
currentColor keyword represents the same color for the border as of text color.
The following demo represents skyblue color for border.
It represents rgb value of a color. The hexadecimal value of red color for the border is given below.
It represents hexadecimal notation of red color. The hexadecimal notation of blue color for the border is given below.
It applies to all elements
Was this article helpful?