checkbox-baseline-ref.html (1278B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <meta charset="utf-8"> 9 <title>Reference: baseline of checkbox/radio</title> 10 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1322698"> 11 <style> 12 body { font: 16px/1 monospace; } 13 14 div { border: 1px dashed blue; } 15 16 x { 17 display:inline-block; 18 margin: 20px; 19 border: 25px solid black; 20 width:0; 21 height:0; 22 } 23 24 </style> 25 </head> 26 <body> 27 <div><x style="border:unset; outline: 10px solid"></x>Block</div> 28 <div><x style="border:unset; outline: 1px solid"></x>Block</div> 29 <div><x></x>Block</div> 30 <div><x></x>Block</div> 31 <div><x></x>Block</div> 32 <div><x></x>Block</div> 33 <div><x style="border:0; margin:0; width:20px; height:20px; background:pink"></x>Block</div> 34 <div><x style="border:0; margin:0; width:20px; height:20px; background:black"></x>Block</div> 35 <div><x style="border:0; margin:0; width:20px; height:20px; background:pink"></x>Block</div> 36 <div><x style="border:0; margin:0; width:20px; height:20px; background:black"></x>Block</div> 37 <div style="font-size:72px"><x style="border-width:3px"></x>Block</div> 38 </body> 39 </html>