CSS border-block-start-style property
CSS border-block-start-style is a logical property that defines style for the start side border of a block. The selection of start side depends upon the writing-mode.
The start side represents top side border for the horizontal-tb writing-mode.
The start side represents right or left side border for the vertical-rl or vertical-lr writing-mode respectively.
Change the direction of flow of text.
horizontal-tb vertical-lr vertical-rl
border-block-start-style : none | hidden | dashed | solid | dotted | double | ridge | groove | inset | outset
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 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-block-start-color.
The content seems to be going into the canvas. The half inner side of border is darker than border-block-start-color.
It applies to all elements
Was this article helpful?