This page documents the implementation status of various HTML and CSS features in Blitz.
This page documents Blitz's scores on the "css" subsuite of the Web Platform Tests.
| Test | Subtests | Subtest % | Status |
|---|
| corner-block-start-computed.html | (0/4) | 0.00% | FAIL |
| corner-block-start-valid.html | (0/14) | 0.00% | FAIL |
| corner-block-start-writing-modes.html | (0/3) | 0.00% | FAIL |
| corner-computed.html | (0/24) | 0.00% | FAIL |
| corner-invalid.html | (14/14) | 100.00% | PASS |
| corner-shape-backdrop-filter-overflow.html | (0/1) | 0.00% | FAIL |
| corner-shape-backdrop-filter-video-overflow.html | (1/1) | 100.00% | PASS |
| corner-shape-backdrop-filter.html | (0/1) | 0.00% | FAIL |
| corner-shape-bevel-overflow-composite.html | (0/1) | 0.00% | FAIL |
| corner-shape-bevel-overflow.html | (0/1) | 0.00% | FAIL |
| corner-shape-bevel-round-scoop-square-outset.html | (0/1) | 0.00% | FAIL |
| corner-shape-bevel.html | (0/1) | 0.00% | FAIL |
| corner-shape-box-shadow-spread-bevel.html | (0/1) | 0.00% | FAIL |
| corner-shape-box-shadow-spread-elliptical.html | (0/1) | 0.00% | FAIL |
| corner-shape-computed.html | (38/38) | 100.00% | PASS |
| corner-shape-fill.html | (0/1) | 0.00% | FAIL |
| corner-shape-hittest.html | (0/1) | 0.00% | FAIL |
| corner-shape-iframe-border.html | (0/1) | 0.00% | FAIL |
| corner-shape-img-border.html | (0/1) | 0.00% | FAIL |
| corner-shape-img.html | (1/1) | 100.00% | PASS |
| corner-shape-inset-shadow.html | (0/1) | 0.00% | FAIL |
| corner-shape-interpolation.html | (361/478) | 75.52% | FAIL |
| corner-shape-invalid.html | (71/71) | 100.00% | PASS |
| corner-shape-noop-keyframe.html | (1/1) | 100.00% | PASS |
| corner-shape-notch-mixed.html | (0/1) | 0.00% | FAIL |
| corner-shape-notch-squircle-outset.html | (0/1) | 0.00% | FAIL |
| corner-shape-notch.html | (0/1) | 0.00% | FAIL |
| corner-shape-offset-path-coord-box-001.html | (0/1) | 0.00% | FAIL |
| corner-shape-offset-path-coord-box-002.html | (0/1) | 0.00% | FAIL |
| corner-shape-outline-offset-bevel.html | (0/1) | 0.00% | FAIL |
| corner-shape-outline-offset-elliptical.html | (0/1) | 0.00% | FAIL |
| corner-shape-outside-left.html | (0/8) | 0.00% | FAIL |
| corner-shape-outside-right.html | (0/8) | 0.00% | FAIL |
| corner-shape-overflow-clip-margin.html | (0/1) | 0.00% | FAIL |
| corner-shape-scoop.html | (0/1) | 0.00% | FAIL |
| corner-shape-square-notch-mixed.html | (0/1) | 0.00% | FAIL |
| corner-shape-square-notch-superellipse.html | (0/1) | 0.00% | FAIL |
| corner-shape-square.html | (0/1) | 0.00% | FAIL |
| corner-shape-squircle.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-bevel.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-concave-outset.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-concave.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-convex-outset.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-convex.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-negative-100.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-negative-inf.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-scoop.html | (0/1) | 0.00% | FAIL |
| corner-shape-superellipse-squircle.html | (0/1) | 0.00% | FAIL |
| corner-shape-svg-border.html | (0/1) | 0.00% | FAIL |
| corner-shape-valid.html | (241/241) | 100.00% | PASS |
| corner-shape-video-border.html | (0/1) | 0.00% | FAIL |
| corner-shape-zoom-overlap-extreme-values-crash.html | (1/1) | 100.00% | PASS |
| corner-shorthand-rendering.html | (0/1) | 0.00% | FAIL |
| corner-top-computed.html | (0/4) | 0.00% | FAIL |
| corner-top-left-computed.html | (0/6) | 0.00% | FAIL |
| corner-top-left-invalid.html | (10/10) | 100.00% | PASS |
| corner-top-left-valid.html | (0/11) | 0.00% | FAIL |
| corner-top-valid.html | (0/14) | 0.00% | FAIL |
| corner-valid.html | (0/12) | 0.00% | FAIL |
| corners-invalid.html | (23/23) | 100.00% | PASS |
| render-corner-shape.html | (1/1) | 100.00% | PASS |
| render-corner-shape.html?border-radius=10,50%&corner-shape=0&shadow-spread=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=20&corner-shape=-0.5&shadow-spread=30 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=20&corner-shape=0&shadow-spread=80&clip-path=margin-box&margin=15&margin-top=40&margin-bottom=40&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=20&corner-shape=0.7&border-width=30 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=20,40&corner-shape=-0.5&shadow-spread=16 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=20,40&corner-shape=-0.5&shadow-spread=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=20,40&corner-shape=-1&shadow-spread=16 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=20,50%&corner-shape=0&shadow-spread=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=25&corner-shape=2&shadow-spread=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=40&corner-shape=-1.5&shadow-spread=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=40&corner-shape=-infinity&shadow-spread=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=40&corner-shape=3&shadow-spread=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=5&corner-top-left-shape=0.5&corner-bottom-right-shape=-0.5&shadow-spread=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%&corner-shape=0&shadow-spread=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%&corner-top-left-shape=scoop&corner-bottom-right-shape=scoop&corner-top-right-shape=notch&corner-bottom-left-shape=notch | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%&corner-top-right-shape=scoop&corner-bottom-left-shape=scoop&corner-top-left-shape=notch&corner-bottom-right-shape=notch | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%,25&corner-shape=-0.4&shadow-spread=20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%,25&corner-shape=-1&shadow-spread=20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%,25&corner-shape=0&shadow-spread=20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%,25&corner-shape=0.4&shadow-spread=20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%,25&corner-shape=1&shadow-spread=20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50%,40&corner-shape=-0.5&border-top-width=20&border-bottom-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-radius=50&corner-shape=0&shadow-spread=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-left-radius=10,70&corner-top-left-shape=-0.5&shadow-spread=15 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-left-radius=10,70&corner-top-left-shape=0&shadow-spread=15 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-left-radius=100%&corner-shape=-0.3&border-left-width=50 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-left-radius=50%&corner-shape=0.7&border-left-width=30&border-top-width=30 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-left-radius=50&corner-shape=-5&border-left-width=55&border-top-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=100&corner-top-right-shape=0&shadow-spread=30 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=100&corner-top-right-shape=0&shadow-spread=50&clip-path=margin-box&margin-top=-10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=100&corner-top-right-shape=0&shadow-spread=50&clip-path=margin-box&margin-top=30 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=100&shadow-spread=50&clip-path=margin-box&margin-top=-10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=30,15&corner-top-right-shape=-0.7&shadow-spread=60&clip-path=margin-box&margin-top=15&margin-right=45 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=30,60&corner-top-right-shape=-0.7&shadow-spread=60&clip-path=margin-box&margin-top=-10&margin-right=45 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=80,40&corner-shape=0.7&shadow-spread=90&clip-path=margin-box&margin-top=-10&margin-right=65&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=80,40&corner-shape=0.7&shadow-spread=90&clip-path=margin-box&margin-top=0&margin-right=65&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=80,40&corner-shape=0.7&shadow-spread=90&clip-path=margin-box&margin-top=20&margin-right=65&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=80,40&corner-top-right-shape=-1.5&shadow-spread=60&clip-path=margin-box&margin-top=-10&margin-right=45 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=80,40&corner-top-right-shape=-1.5&shadow-spread=60&clip-path=margin-box&margin-top=15&margin-right=45 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?border-top-right-radius=80,40&shadow-spread=60&clip-path=margin-box&margin-top=-10&margin-right=45 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-bottom-left-shape=bevel&border-bottom-left-radius=30 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-bottom-left-shape=bevel&border-width=10&border-radius=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-bottom-right-shape=0.8&border-bottom-right-radius=50% | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-bottom-right-shape=bevel&border-width=10&border-radius=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-bottom-right-shape=bevel&corner-bottom-left-shape=bevel | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=-0.5&border-top-right-radius=100%,50&border-width=10&border-top-width=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=-2&border-radius=20%&border-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=-2&border-top-left-radius=40%&border-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=-3&border-top-right-radius=100%,50&border-width=10&border-top-width=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=-7&border-radius=20%&border-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=0.1&border-top-right-radius=40,60&shadow-spread=90&clip-path=margin-box&margin-top=30&margin-right=-20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=0.4&border-top-right-radius=40,60&shadow-spread=90&clip-path=margin-box&margin-top=30&margin-right=-20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=0.5&border-top-right-radius=100%,50&border-width=10&border-top-width=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=0.7&border-top-right-radius=40,60&shadow-spread=90&clip-path=margin-box&margin-top=30&margin-right=-20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=0.8&border-radius=40&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=1&border-top-right-radius=40,60&shadow-spread=90&clip-path=margin-box&margin-top=30&margin-right=-20&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=2.3&border-radius=40% | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=3&border-top-right-radius=33 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=5&border-radius=20%&border-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=bevel&border-radius=40&border-width=20&border-left-width=10&border-right-width=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=bevel&border-top-right-radius=100%,50&border-width=10&border-top-width=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=notch&border-radius=30&border-width=30 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=notch&border-radius=30&border-width=5&border-top-width=20&border-bottom-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=scoop&border-radius=20%&border-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=square&border-bottom-left-radius=5 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=squircle&border-radius=25%&border-width=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=squircle&border-radius=50% | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=squircle&border-top-left-radius=25%&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=squircle&border-top-left-radius=30% | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-shape=squircle&border-top-right-radius=30 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=-0.5&border-radius=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=-4&border-radius=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=-4&border-radius=40% | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=0&corner-top-right-shape=notch&corner-bottom-right-shape=2&corner-bottom-left-shape=-1&border-top-width=5&border-right-width=20&border-left-width=20&border-radius=50 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=0&corner-top-right-shape=notch&corner-bottom-right-shape=2&corner-bottom-left-shape=-1&border-width=20&shadow-spread=20&border-radius=50 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=0&corner-top-right-shape=notch&corner-bottom-right-shape=2&corner-bottom-left-shape=-1&shadow-spread=30&border-radius=50&clip-path=margin-box&margin=5&margin-top=20&margin-bottom=20 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=0.5&border-radius=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=2.5&border-radius=20%&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=bevel&border-radius=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=bevel&border-radius=40&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=bevel&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=bevel&corner-bottom-right-shape=bevel&border-radius=40&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=scoop&border-radius=40 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-left-shape=scoop&corner-top-right-shape=scoop&border-radius=50% | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-right-shape=-4&border-top-right-radius=50 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-right-shape=bevel&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?corner-top-right-shape=scoop&border-radius=20%&border-width=10 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?width=50&height=30&border-radius=5&corner-shape=1&shadow-spread=50 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?width=50&height=30&border-radius=5&corner-shape=2&shadow-spread=50 | (0/1) | 0.00% | MISSING |
| render-corner-shape.html?width=50&height=30&corner-top-left-shape=0&corner-top-right-shape=notch&corner-bottom-right-shape=2&corner-bottom-left-shape=-1&shadow-spread=50&border-radius=5 | (0/1) | 0.00% | MISSING |
