semitransparent-decoration-line-ref.html (719B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>semitransparent-decoration-line-ref</title> 6 <style> 7 *{ 8 text-decoration-skip-ink: none; 9 } 10 .underline { 11 text-decoration: underline rgba(0,0,0,0.3); 12 font-size: 2em; 13 } 14 .overline { 15 text-decoration: overline rgba(0,0,0,0.3); 16 font-size: 2em; 17 } 18 .line-through { 19 text-decoration: line-through rgba(0,0,0,0.3); 20 font-size: 2em; 21 } 22 </style> 23 </head> 24 <body> 25 <p class="underline">Lorem ipsum dolor sit amet</p> 26 <p class="overline">Lorem ipsum dolor sit amet</p> 27 <p class="line-through">Lorem ipsum dolor sit amet</p> 28 </body> 29 </html>