gecko/layout/reftests/text-decoration/decoration-style-quirks-ref.html
Vitor Menezes e28c55c2e9 Fix text-decoration positioning in quirks mode and set overflow areas to match. (Bug 403524) r=dbaron
Change the quirks mode text-decoration code (soon to be used for all
modes) to follow CSS 2.1's rules for positioning of decoration lines.
Decorations are now drawn at a constant vertical position established by
the element creating the decoration, and more than one of the same type
(underline, overline, line-through) of decoration are supported on the
same piece of text.

This means that text-decorations can now significantly overflow a text
frame, since the vertical-alignment of the element with text-decoration
may be substantially different from the vertical alignment of the text.
Set overflow areas for text frames with text decorations in
nsLineLayout::RelativePositionFrames since it must happen *after*
vertical alignment is done, and when relative positioning data are
consistent (nsIFrame::GetRelativeOffset matches the offset that has been
applied).
2011-08-03 11:30:58 -07:00

50 lines
2.0 KiB
HTML

<p>
Here is specified the decoration style as dotted but no decoration lines,
however,
<span style="font-size: 2em;
text-decoration: underline line-through overline;
-moz-text-decoration: solid;">
here has solid decoration lines</span>,
and here has no decoration lines.
</p>
<p>
Here is specified the decoration style as dashed but no decoration lines,
however,
<span style="font-size: 2em;
text-decoration: underline line-through overline;
-moz-text-decoration-style: dashed;">
here has inherited decoration lines</span>,
and here has no decoration lines.
</p>
<p>
<span style="text-decoration: underline line-through overline;
-moz-text-decoration-style: dotted;">
Here has dotted decoration lines,
</span><span style="text-decoration: underline line-through overline;
-moz-text-decoration-style: dotted">
<span style="font-size: 2em;
text-decoration: underline line-through overline;
-moz-text-decoration-style: wavy;">
here has wavy decoration
lines</span></span><span style="text-decoration: underline line-through overline;
-moz-text-decoration-style: dotted;">,
and here has dotted decoration lines.</span>
</p>
<p>
<span style="text-decoration: underline line-through overline;
-moz-text-decoration-style: double;">
Here has double decoration lines,
<span style="font-size: 2em;">
here is specified as dashed decoration lines but should be
ignored</span><span style="text-decoration: underline line-through overline;
-moz-text-decoration-style: double;">,
and here has double decoration lines.</span></span>
</p>
<p>
Here is specified the decoration style as -moz-none.
</p>
<p style="text-decoration: underline line-through overline;">
Here has solid decoration lines even if its style is specified as dotted
before text-decoration.
</p>