decoration-style-quirks.html (1822B)
1 <style> 2 p{ 3 text-decoration-skip-ink: none; 4 } 5 </style> 6 <p style="text-decoration-style: dotted;"> 7 Here is specified the decoration style as dotted but no decoration lines, however, 8 <span style="font-size: 2em; 9 text-decoration: underline line-through overline;"> 10 here has solid decoration lines</span>, 11 and here has no decoration lines. 12 </p> 13 <p style="text-decoration-style: dashed;"> 14 Here is specified the decoration style as dashed but no decoration lines, 15 however, 16 <span style="font-size: 2em; 17 text-decoration: underline line-through overline; 18 text-decoration-style: inherit;"> 19 here has inherited decoration lines</span>, 20 and here has no decoration lines. 21 </p> 22 <p style="text-decoration: underline line-through overline; 23 text-decoration-style: dotted;"> 24 Here has dotted decoration lines, 25 <span style="font-size: 2em; 26 text-decoration: underline line-through overline; 27 text-decoration-style: wavy;"> 28 here has wavy decoration lines</span>, 29 and here has dotted decoration lines. 30 </p> 31 <p style="text-decoration: underline line-through overline; 32 text-decoration-style: double;"> 33 Here has double decoration lines, 34 <span style="font-size: 2em; 35 text-decoration-style: dashed;"> 36 here is specified as dashed decoration lines but should be ignored</span>, 37 and here has double decoration lines. 38 </p> 39 <p style="text-decoration: underline line-through overline; 40 text-decoration-style: -moz-none;"> 41 Here is specified the decoration style as -moz-none. 42 </p> 43 <p style="text-decoration-style: dotted; 44 text-decoration: underline line-through overline;"> 45 Here has solid decoration lines even if its style is specified as dotted 46 before text-decoration. 47 </p>