Web platform features explorer

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.

Status

Limited availability

MDN documentation

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.

Specifications

CSS Gap Decorations Module Level 1, from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌ See issues.chromium.org/issues/357648037
Chrome Android ❌
Edge ❌
Firefox ❌ See bugzil.la/1963897 Vendor position : positive
Firefox for Android ❌ Vendor position : positive
Safari ❌ Vendor position : unknown
Safari on iOS ❌ Vendor position : unknown

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
16

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.