CSS column-rule property
It is a short hand property of border-rule-width, border-rule-style, and border-rule-color properties.
column-rule : column-rule-width column-rule-style column-rule-color
medium value represents medium sized border for the top side. thin<medium<thick
thin value defines thin line border for the top side.
thick value defines a thick line border for the top side.
lenght defines the line width of border for the top side. 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 right border consists of a series of square shaped dashes.
The right border consists of a series of round dots.
The right border consists of a solid line.
The right 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-block-end-color.
The content seems to be going into the canvas. The half inner side of border is darker than border-block-end-color.
The color of any two sides is darker than border-block-end-color. It can be observed only when all the sides are visible.
The color of any two sides is darker than border-block-end-color. It can be observed only when all the sides are visible
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 multi-column container.
Was this article helpful?