Skip to main content

Browse the archive

Revision 28d63f19babbd14a18a0219acf21362fc5d52dbc authored by Henrik Skupin on 28 March 2018, 18:49:31 UTC, committed by moz-wptsync-bot on 28 March 2018, 18:49:31 UTC 
Find element for (partial) link text has to use rendered content.
 
To retrieve links via "link text" or "partial link text" the rendered
content of the element has to be used. This can be the case for CSS
transformations like "uppercase".
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1381519
gecko-commit: 3e204686f1b10441f48435890241dff6706d04dd
gecko-integration-branch: central
gecko-reviewers: ato
1 parent f5b48cf
Raw File
text-decoration-line.html 
<html>
<head>
    <link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-line">
    <link rel="match" href="reference/text-decoration-line-ref.html">
    <style>
            .none { text-decoration: none; }
            .underline { text-decoration: underline; }
            .overline { text-decoration: overline; }
            .line-through { text-decoration: line-through; }
            .all-decorations { text-decoration: underline overline line-through; }
    </style>
</head>
<body>
    <div>Each line of this test should match its style description (<i>text-decoration-line</i> resets <i>text-decoration</i>, except when the latter is set as <i>important</i>):</div><br/>
    <div style="text-decoration-line: underline;">This text is underlined <span class="none">(also inside span).</span></div><br/>
    <div style="text-decoration-line: overline;">This text is overlined <span class="none">(also inside span).</span></div><br/>
    <div style="text-decoration-line: line-through;">This text has a line-through <span class="none">(also inside span).</span></div><br/>
    <div class="underline" style="text-decoration-line: none;">This text contains no decorations.</div><br/>
    <div class="underline" style="text-decoration-line: underline;">This text is underlined.</div><br/>
    <div class="overline" style="text-decoration-line: none;">This text contains no decorations.</div><br/>
    <div class="overline" style="text-decoration-line: overline;">This text is overlined.</div><br/>
    <div class="line-through" style="text-decoration-line: none;">This text contains no decorations.</div><br/>
    <div class="line-through" style="text-decoration-line: line-through;">This text has a line-through.</div><br/>
    <div class="all-decorations" style="text-decoration-line: none;">This text contains no decorations.</div><br/>
    <div class="all-decorations" style="text-decoration-line: underline overline line-through;">This text is underlined, overlined and has a line-through.</div><br/>
    <div style="text-decoration-line: underline; text-decoration: none !important;">This text contains no decorations.</div><br/>
    <div style="text-decoration-line: underline; text-decoration: overline !important;">This text is overlined.</div><br/>
    <div style="text-decoration-line: underline !important; text-decoration: overline !important;">This text is overlined.</div><br/>
    <div style="text-decoration: overline !important; text-decoration-line: underline !important;">This text is underlined.</div>
    <div style="text-decoration-line: blink blink;">This text contains no decorations.</div><br/>
    <div style="text-decoration-line: blink underline blink;">This text contains no decorations.</div><br/>
    <div style="text-decoration-line: blink underline overline blink;">This text contains no decorations.</div><br/>
    <div style="text-decoration-line: blink underline overline line-through blink;">This text contains no decorations.</div><br/>
</body>
</html>
back to top