The column-rule and row-rule CSS properties display decorative lines between columns and rows of a flex, grid, or multi-column layout. The rule-break, rule-outset, and rule-paint-order properties control the appearance of these lines.

Learning resources on MDN

No MDN documentation found. You can search for the feature on MDN. If you believe that MDN has no documentation about this feature, you can open an issue on MDN's GitHub repository.

Browser support

• Chrome ❌
• Chrome Android ❌
• Edge ❌
• Firefox ❌
• Firefox for Android ❌
• Safari ❌
• Safari on iOS ❌

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature