<?xml version="1.0" encoding="UTF-8"?>
<feature id="gap-decorations"><name>Gap decorations</name><description>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.</description><group>grid</group><group_name>Grid</group_name><baseline><status>limited</status></baseline><support><browser name="chrome" version="149" supported="true"></browser><browser name="firefox" version="—" supported="false"></browser><browser name="safari" version="—" supported="false"></browser><browser name="edge" version="149" supported="true"></browser><browser name="chrome_android" version="149" supported="true"></browser><browser name="firefox_android" version="—" supported="false"></browser><browser name="safari_ios" version="—" supported="false"></browser></support><specifications><spec>https://drafts.csswg.org/css-gaps-1/</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rule</mdn_url><compat_features><key>css.properties.column-rule-break</key><key>css.properties.column-rule-break.intersection</key><key>css.properties.column-rule-break.none</key><key>css.properties.column-rule-break.normal</key><key>css.properties.column-rule-inset</key><key>css.properties.column-rule-inset-cap</key><key>css.properties.column-rule-inset-cap-end</key><key>css.properties.column-rule-inset-cap-end.overlap-join</key><key>css.properties.column-rule-inset-cap-start</key><key>css.properties.column-rule-inset-cap-start.overlap-join</key><key>css.properties.column-rule-inset-cap.overlap-join</key><key>css.properties.column-rule-inset-end</key><key>css.properties.column-rule-inset-end.overlap-join</key><key>css.properties.column-rule-inset-junction</key><key>css.properties.column-rule-inset-junction-end</key><key>css.properties.column-rule-inset-junction-end.overlap-join</key><key>css.properties.column-rule-inset-junction-start</key><key>css.properties.column-rule-inset-junction-start.overlap-join</key><key>css.properties.column-rule-inset-junction.overlap-join</key><key>css.properties.column-rule-inset-start</key><key>css.properties.column-rule-inset-start.overlap-join</key><key>css.properties.column-rule-inset.overlap-join</key><key>css.properties.column-rule-visibility-items</key><key>css.properties.column-rule-visibility-items.all</key><key>css.properties.column-rule-visibility-items.around</key><key>css.properties.column-rule-visibility-items.between</key><key>css.properties.column-rule-visibility-items.normal</key><key>css.properties.row-rule</key><key>css.properties.row-rule-break</key><key>css.properties.row-rule-break.intersection</key><key>css.properties.row-rule-break.none</key><key>css.properties.row-rule-break.normal</key><key>css.properties.row-rule-color</key><key>css.properties.row-rule-color.currentColor</key><key>css.properties.row-rule-color.transparent</key><key>css.properties.row-rule-inset</key><key>css.properties.row-rule-inset-cap</key><key>css.properties.row-rule-inset-cap-end</key><key>css.properties.row-rule-inset-cap-end.overlap-join</key><key>css.properties.row-rule-inset-cap-start</key><key>css.properties.row-rule-inset-cap-start.overlap-join</key><key>css.properties.row-rule-inset-cap.overlap-join</key><key>css.properties.row-rule-inset-end</key><key>css.properties.row-rule-inset-end.overlap-join</key><key>css.properties.row-rule-inset-junction</key><key>css.properties.row-rule-inset-junction-end</key><key>css.properties.row-rule-inset-junction-end.overlap-join</key><key>css.properties.row-rule-inset-junction-start</key><key>css.properties.row-rule-inset-junction-start.overlap-join</key><key>css.properties.row-rule-inset-junction.overlap-join</key><key>css.properties.row-rule-inset-start</key><key>css.properties.row-rule-inset-start.overlap-join</key><key>css.properties.row-rule-inset.overlap-join</key><key>css.properties.row-rule-style</key><key>css.properties.row-rule-style.dashed</key><key>css.properties.row-rule-style.dotted</key><key>css.properties.row-rule-style.double</key><key>css.properties.row-rule-style.groove</key><key>css.properties.row-rule-style.hidden</key><key>css.properties.row-rule-style.inset</key><key>css.properties.row-rule-style.none</key><key>css.properties.row-rule-style.outset</key><key>css.properties.row-rule-style.ridge</key><key>css.properties.row-rule-style.solid</key><key>css.properties.row-rule-visibility-items</key><key>css.properties.row-rule-visibility-items.all</key><key>css.properties.row-rule-visibility-items.around</key><key>css.properties.row-rule-visibility-items.between</key><key>css.properties.row-rule-visibility-items.normal</key><key>css.properties.row-rule-width</key><key>css.properties.row-rule-width.medium</key><key>css.properties.row-rule-width.thick</key><key>css.properties.row-rule-width.thin</key><key>css.properties.row-rule.currentColor</key><key>css.properties.row-rule.dashed</key><key>css.properties.row-rule.dotted</key><key>css.properties.row-rule.double</key><key>css.properties.row-rule.groove</key><key>css.properties.row-rule.hidden</key><key>css.properties.row-rule.inset</key><key>css.properties.row-rule.medium</key><key>css.properties.row-rule.none</key><key>css.properties.row-rule.outset</key><key>css.properties.row-rule.ridge</key><key>css.properties.row-rule.solid</key><key>css.properties.row-rule.thick</key><key>css.properties.row-rule.thin</key><key>css.properties.row-rule.transparent</key><key>css.properties.rule</key><key>css.properties.rule-break</key><key>css.properties.rule-break.intersection</key><key>css.properties.rule-break.none</key><key>css.properties.rule-break.normal</key><key>css.properties.rule-color</key><key>css.properties.rule-color.currentColor</key><key>css.properties.rule-color.transparent</key><key>css.properties.rule-inset</key><key>css.properties.rule-inset-cap</key><key>css.properties.rule-inset-cap.overlap-join</key><key>css.properties.rule-inset-end</key><key>css.properties.rule-inset-end.overlap-join</key><key>css.properties.rule-inset-junction</key><key>css.properties.rule-inset-junction.overlap-join</key><key>css.properties.rule-inset-start</key><key>css.properties.rule-inset-start.overlap-join</key><key>css.properties.rule-inset.overlap-join</key><key>css.properties.rule-overlap</key><key>css.properties.rule-overlap.column-over-row</key><key>css.properties.rule-overlap.row-over-column</key><key>css.properties.rule-style</key><key>css.properties.rule-style.dashed</key><key>css.properties.rule-style.dotted</key><key>css.properties.rule-style.double</key><key>css.properties.rule-style.groove</key><key>css.properties.rule-style.hidden</key><key>css.properties.rule-style.inset</key><key>css.properties.rule-style.none</key><key>css.properties.rule-style.outset</key><key>css.properties.rule-style.ridge</key><key>css.properties.rule-style.solid</key><key>css.properties.rule-visibility-items</key><key>css.properties.rule-visibility-items.all</key><key>css.properties.rule-visibility-items.around</key><key>css.properties.rule-visibility-items.between</key><key>css.properties.rule-visibility-items.normal</key><key>css.properties.rule-width</key><key>css.properties.rule-width.medium</key><key>css.properties.rule-width.thick</key><key>css.properties.rule-width.thin</key><key>css.properties.rule.currentColor</key><key>css.properties.rule.dashed</key><key>css.properties.rule.dotted</key><key>css.properties.rule.double</key><key>css.properties.rule.groove</key><key>css.properties.rule.hidden</key><key>css.properties.rule.inset</key><key>css.properties.rule.medium</key><key>css.properties.rule.none</key><key>css.properties.rule.outset</key><key>css.properties.rule.ridge</key><key>css.properties.rule.solid</key><key>css.properties.rule.thick</key><key>css.properties.rule.thin</key><key>css.properties.rule.transparent</key></compat_features><canonical_url>https://nowyoucanuse.com/features--gap-decorations.html</canonical_url></feature>