WPT
wpt / css / css-gaps / parsing / gap-decorations-rule-shorthand-valid.html
Spec: CSS Gaps ↗
Runs: Chrome 155.0.8041.0 (wpt@18be93235, 2026-09-04) | Firefox 157.0a1 (wpt@1b4bc17cf, 2026-09-04) | Safari 251 preview (wpt@2c385f65e, 2026-09-04) | Ladybird 1.0-17043 (wpt@25681acff, 2026-09-04) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 75/75 | 2/75 | 6/75 | 6/75 | 0/75 | 0/75 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['column-rule'] = "5px solid red" should set the property value | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['column-rule'] = "solid 10px rgb(0, 0, 255)" should set the property value | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['column-rule'] = "double" should set the property value | PASS | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['column-rule'] = "blue 6px" should set the property value | PASS | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['column-rule'] = "currentcolor hidden medium" should set the property value | PASS | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['column-rule'] = "currentcolor none medium" should set the property value | PASS | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['column-rule'] = "repeat(auto, 5px solid green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(auto, 5px solid purple, dotted blue, 15px double green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(auto, 6px blue, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(4, 15px dotted pink)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(3, 8px ridge red, 20px dotted green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(4, blue, 5px red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(3, 16px, thin dashed purple, 10px dotted)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(4, 10px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "thick, dashed, hotpink" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "15px dashed skyblue, repeat(3, 3px solid red, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(1, 5px solid gray, 10px dotted blue, 15px double green), 5px solid red, repeat(4, 6px, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(3, 16px lime, 5px solid red, 10px dotted), repeat(4, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(4, 5px solid red), repeat(3, 5px solid red, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "repeat(auto, 5px solid red), thin dotted green, 10px dotted blue, 15px double green" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "5px solid red, repeat(auto, 5px solid red), 10px dotted blue" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['column-rule'] = "10px dotted blue, repeat(4, blue, 5px yellow), repeat(auto, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "5px solid red" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "solid 10px rgb(0, 0, 255)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "double" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "blue 6px" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "currentcolor hidden medium" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "currentcolor none medium" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(auto, 5px solid green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(auto, 5px solid purple, dotted blue, 15px double green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(auto, 6px blue, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(4, 15px dotted pink)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(3, 8px ridge red, 20px dotted green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(4, blue, 5px red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(3, 16px, thin dashed purple, 10px dotted)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(4, 10px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "thick, dashed, hotpink" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "15px dashed skyblue, repeat(3, 3px solid red, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(1, 5px solid gray, 10px dotted blue, 15px double green), 5px solid red, repeat(4, 6px, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(3, 16px lime, 5px solid red, 10px dotted), repeat(4, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(4, 5px solid red), repeat(3, 5px solid red, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "repeat(auto, 5px solid red), thin dotted green, 10px dotted blue, 15px double green" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "5px solid red, repeat(auto, 5px solid red), 10px dotted blue" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['row-rule'] = "10px dotted blue, repeat(4, blue, 5px yellow), repeat(auto, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "5px solid red" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "solid 10px rgb(0, 0, 255)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "double" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "blue 6px" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "currentcolor hidden medium" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "currentcolor none medium" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(auto, 5px solid green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(auto, 5px solid purple, dotted blue, 15px double green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(auto, 6px blue, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(4, 15px dotted pink)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(3, 8px ridge red, 20px dotted green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(4, blue, 5px red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(3, 16px, thin dashed purple, 10px dotted)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(4, 10px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "thick, dashed, hotpink" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "15px dashed skyblue, repeat(3, 3px solid red, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(1, 5px solid gray, 10px dotted blue, 15px double green), 5px solid red, repeat(4, 6px, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(3, 16px lime, 5px solid red, 10px dotted), repeat(4, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(4, 5px solid red), repeat(3, 5px solid red, 10px dotted blue)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "repeat(auto, 5px solid red), thin dotted green, 10px dotted blue, 15px double green" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "5px solid red, repeat(auto, 5px solid red), 10px dotted blue" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['rule'] = "10px dotted blue, repeat(4, blue, 5px yellow), repeat(auto, 5px solid red)" should set the property value | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |