The column-rule shorthand sets the width, style, and color of the rule drawn between columns (or between flex items / grid tracks). Missing values fall back to longhand initials..cols {
column-rule: 1px solid silver;
}.cols {
column-rule: thick double oklch(0.6 0.15 240);
}min:0max:9999step:1units:px | em | rem | pt | vw | vh | vmin | vmaxthinThin width.mediumMedium width (default).thickThick width.noneNo rule (default).hiddenHidden rule.dottedDotted line.dashedDashed line.solidSolid line.doubleDouble line.groove3D grooved effect.ridge3D ridged effect.insetAppears inset.outsetAppears outset.currentColorCurrent color value (default).transparentTransparent color.rgb()RGB color function.hsl()HSL color function.hwb()HWB color function.lab()CIE Lab color function.lch()CIE LCH color function.oklab()Oklab color function.oklch()Oklch color function.color()Generic color function for custom color spaces.light-dark()Selects between two color values per color-scheme.CSS Gaps Module Level 1Editor's Draft<line-width> <line-style> <color>W3CMDN
In the beginning God created the heavens and the earth.
Now the earth was formless and empty, darkness was over the surface of the deep, and the Spirit of God was hovering over the waters.
And God said, “Let there be light,” and there was light.
God saw that the light was good, and he separated the light from the darkness.
God called the light “day,” and the darkness he called “night.” And there was evening, and there was morning—the first day.
And God said, “Let there be a vault between the waters to separate water from water.”
So God made the vault and separated the water under the vault from the water above it. And it was so.
God called the vault “sky.” And there was evening, and there was morning—the second day.
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
