Skip to main content
column-rule-style property

Gets or sets the style for all column rules in a multi-column element.

This property is read/write.

Syntax

column-rule-style: none | dotted | dashed | solid | double | groove | ridge | inset | window-inset | outset | hidden

Property values

none

Default. No border is drawn, regardless of any specified borderWidth.

dotted

Border is a dotted line.

dashed

Border is a dashed line.

solid

Border is a solid line.

double

Border is a double line drawn on top of the background of the object. The sum of the two single lines and the space between equals the borderWidth value. The border width must be at least 3 pixels wide to draw a double border.

groove

3-D groove is drawn in colors based on the value. The borderWidth property of the object must be specified for the style to render correctly.

ridge

3-D ridge is drawn in colors based on the value.

inset

3-D inset is drawn in colors based on the value.

window-inset

Border is the same as inset, but is surrounded by an additional single line, drawn in colors based on the value.

outset

3-D outset is drawn in colors based on the value.

hidden

Same as none, except in terms of conflict resolution of collapsed borders. Any element with a hidden border suppresses all shared borders at that location. Borders with a style of none have the lowest priority.

CSS information

Applies Tomulti-column elements
Mediavisual
Inheritedno
Initial Valuenone

See also

address
blockQuote
button
CSSStyleDeclaration
currentStyle
dd
del
div
dl
dt
fieldSet
form
ins
li
map
noFrames
noScript
object
ol
p
pre
script
style
table
tBody
td
tFoot
th
tHead
tr
ul