CSS column-rule-style property
CSS column-rule-style property defines the style of column ruler. This style is the same as of border-style.
column-rule-style : none | hidden | dashed | solid | dotted | double | ridge | groove
There is no style. In this case, the color and width of column ruler are also ignored i.e. 0px ruler.
It is same as 'none'.
The ruler consists of a series of square shaped dashes.
The ruler consists of a series of round dots.
The ruler consists of a solid line.
The ruler consists of two lines. The total ruler-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 ruler is darker than inner half size.
The content seems to be going into the canvas. The half inner side of ruler is darker than half outer side.
It applies to multi-column container.
Was this article helpful?