custom-highlight-font-metrics-002-ref.html (636B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>CSS Highlight API Test: </title> 4 <head> 5 <style> 6 div { 7 margin: 40px; 8 font-size: 20px; 9 } 10 #h1 { 11 text-underline-offset: 10px; 12 text-decoration-line: underline; 13 text-decoration-color: green; 14 text-decoration-thickness: 4px; 15 } 16 #h2 { 17 text-underline-offset: 20px; 18 text-decoration-line: underline; 19 text-decoration-color: blue; 20 text-decoration-thickness: 2px; 21 } 22 </style> 23 </head> 24 <body> 25 <div id="h1">A green 10px offset underline 4px thick</div> 26 <div id="h2">A blue 20px offset underline 2px thick</div> 27 </body>