CSS border-inline-end property
CSS border-inline-end is a logical property that defines width, style, and color for the end side border of a block. The selection of end side depends upon the writing-mode.
The end side represents right side for the horizontal-tb writing-mode.
The end side represents bottom or top 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-end : border-inline-end-width border-inline-end-style border-inline-end-color
medium value represents medium sized border. thin ≤ medium ≤ thick
thin value defines thin line border.
thick value defines a thick line border.
lenght 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-end-color.
The content seems to be going into the canvas. The half inner side of border is darker than border-inline-end-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?