tab-size-inheritance-001.html (1014B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text level 3 Test: tab-size in lengths inherit as absolute lengths</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#tab-size-property"> 6 <link rel="match" href="tab-size-inheritance-001-ref.html"> 7 <meta name="assert" content="tab-size in lengths inherit as absolute lengths"> 8 <style> 9 .test { 10 font-family: monospace; 11 font-size: 10px; 12 tab-size: 5em; 13 } 14 .test div { 15 white-space: pre; 16 font-size: 20px 17 } 18 .test span { 19 display: inline-block; 20 width: 20px; 21 height: 20px; 22 background: green; 23 } 24 .ref { 25 z-index: -1; 26 margin-left: 50px; 27 position: absolute; 28 width: 20px; 29 height: 20px; 30 background: red; 31 32 /* this is to avoid antialiasing effects at the edge */ 33 box-sizing: border-box; 34 border: 2px solid white; 35 } 36 </style> 37 38 <p>Test passes if there is a green square and no red. 39 <div class=ref></div> 40 <div class=test><div>	<span></span></div></div>