text-decoration-propagation-1-standards.html (1055B)
1 <!DOCTYPE html> 2 <title>text-decoration</title> 3 <style> 4 *{ 5 text-decoration-skip-ink: none; 6 } 7 </style> 8 <h1>text-decoration on a block</h1> 9 10 <div style="text-decoration: underline"> 11 12 text directly in parent 13 14 <div>text in block</div> 15 16 <div style="float:left; clear: left">text in float</div> 17 <div style="clear:left"></div> 18 19 <div style="display:inline-block">text in<br>inline-block</div> 20 <div style="display:inline-table">text in<br>inline-table</div> 21 22 <div style="height: 2em"> 23 <div style="position: absolute">text in abs-pos</div> 24 </div> 25 26 </div> 27 28 <h1>text-decoration on an inline</h1> 29 30 <div style="text-decoration: underline; display: inline"> 31 32 text directly in parent 33 34 <div>text in block</div> 35 36 <div style="float:left; clear: left">text in float</div> 37 <div style="clear:left"></div> 38 39 <div style="display:inline-block">text in<br>inline-block</div> 40 <div style="display:inline-table">text in<br>inline-table</div> 41 42 <div style="height: 2em"> 43 <div style="position: absolute">text in abs-pos</div> 44 </div> 45 46 </div>