text-decoration-zorder-1-ref.html (1532B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 <html lang="en-US"> 4 <head> 5 <title></title> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <meta http-equiv="Content-Style-Type" content="text/css"> 8 <style type="text/css"> 9 10 body { background: white; } 11 12 p.serif { font-family: serif; left: 20px; } 13 p.sans { font-family: sans-serif; left: 220px; } 14 15 p { 16 margin: 0; 17 position: absolute; 18 font-weight: bold; 19 font-size: 50px; 20 } 21 22 p.under { text-decoration: underline; top: 25px; } 23 p.over { text-decoration: overline; top: 125px; } 24 p.through { text-decoration: line-through; top: 225px; } 25 26 p.text { text-decoration: none ! important; } 27 p.line span { color: transparent; } 28 29 p.text { color: blue; } 30 p.line { color: fuchsia; } 31 32 </style> 33 </head> 34 <body> 35 36 <p class="serif line under"><span>Áp|/</span></p> 37 <p class="serif text under"><span>Áp|/</span></p> 38 39 <p class="serif line over"><span>Áp|/</span></p> 40 <p class="serif text over"><span>Áp|/</span></p> 41 42 <p class="serif text through"><span>Áp|/</span></p> 43 <p class="serif line through"><span>Áp|/</span></p> 44 45 <p class="sans line under"><span>Áp|/</span></p> 46 <p class="sans text under"><span>Áp|/</span></p> 47 48 <p class="sans line over"><span>Áp|/</span></p> 49 <p class="sans text over"><span>Áp|/</span></p> 50 51 <p class="sans text through"><span>Áp|/</span></p> 52 <p class="sans line through"><span>Áp|/</span></p> 53 54 </body> 55 </html>