mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
e28c55c2e9
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).
50 lines
2.0 KiB
HTML
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>
|