Runs: Chrome 157.0.8081.0 (wpt@003c5dd74, 2026-10-02) | Firefox 159.0a1 (wpt@7d9d48db9, 2026-10-02) | Safari 253 preview (wpt@c5e80ef1d, 2026-10-02) | Ladybird 1.0-44d79 (wpt@1b81534c4, 2026-09-30) | Servo Servo 0.7 (wpt@336cfcec7, 2026-10-01) | Blitz 89e5e615a (wpt@375cf2548, 2026-10-01)
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 1/1 | 1/1 | 1/1 | 1/1 | 1/1 | NOT RUN |
/css/css-inline/dominant-baseline/dominant-baseline-auto.html
<!DOCTYPE html> <html> <head> <link rel="help" href="https://drafts.csswg.org/css-inline-3/#dominant-baseline-property"> <link rel="match" href="dominant-baseline-auto-ref.html"> <link rel="stylesheet" href="/fonts/baseline-diagnostic/baseline-diagnostic-font.css"> <script src="support/variant-class.js"></script> <meta name="assert" content="dominant-baseline: 'auto' corresponds to 'alphabetic' or 'central' depending on writing-mode and text-orientation"/> <meta name="flags" content="image" /> <meta charset="utf-8"> <meta name="variant" content="?class=horizontal-tb,expect-alphabetic"> <meta name="variant" content="?class=vertical-rl,text-sideways,expect-alphabetic"> <meta name="variant" content="?class=vertical-rl,text-mixed,expect-central"> <meta name="variant" content="?class=vertical-rl,text-upright,expect-central"> <style> .line { font: 150px/1 BaselineDiagnosticAlphabeticZero; } .horizontal-tb .line { writing-mode: horizontal-tb; } .vertical-rl .line { writing-mode: vertical-rl; } .text-sideways .line { text-orientation: sideways; } .text-mixed .line { text-orientation: mixed; } .text-upright .line { text-orientation: upright; } </style> </head> <body> <div class="line"> X<span style="font-size: 200px">X</span><span>X</span><img src="/css/support/60x60-gg-rr.png"> </div> </body> </html>
/css/css-inline/dominant-baseline/dominant-baseline-auto-ref.html
<!DOCTYPE html> <html> <head> <link rel="help" href="https://drafts.csswg.org/css-inline-3/#dominant-baseline-property"> <link rel="stylesheet" href="/fonts/baseline-diagnostic/baseline-diagnostic-font.css"> <script src="support/variant-class.js"></script> <meta name="flags" content="image" /> <meta charset="utf-8"> <meta name="variant" content="?class=horizontal-tb,expect-alphabetic"> <meta name="variant" content="?class=vertical-rl,text-sideways,expect-alphabetic"> <meta name="variant" content="?class=vertical-rl,text-mixed,expect-central"> <meta name="variant" content="?class=vertical-rl,text-upright,expect-central"> <style> .line { font: 150px/1 BaselineDiagnosticAlphabeticZero; } .horizontal-tb .line { writing-mode: horizontal-tb; } .vertical-rl .line { writing-mode: vertical-rl; } .text-sideways .line { text-orientation: sideways; } .text-mixed .line { text-orientation: mixed; } .text-upright .line { text-orientation: upright; } .expect-alphabetic .line > * { alignment-baseline: alphabetic; } .expect-central .line > * { alignment-baseline: central; } </style> </head> <body> <div class="line"> X<span style="font-size: 200px">X</span><span>X</span><img src="/css/support/60x60-gg-rr.png"> </div> </body> </html>