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