mozilla

Compare Revisions

text-decoration

Change Revisions

Revision 394325:

Revision 394325 by Sheppy on

Revision 436527:

Revision 436527 by trevorh on

Title:
text-decoration
text-decoration
Slug:
Web/CSS/text-decoration
Web/CSS/text-decoration
Tags:
"css", "NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsCSS3Update"
"css", "NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsCSS3Update"
Content:

Revision 394325
Revision 436527
n77    <h2 id="Example" name="Example">n77    <h2 id="Examples" name="Examples">
n80    <p>n80    <h3 id="CSS_Content">
81      {{ CSSRefExampleLink("text-decoration") }}81      CSS Content
82    </p>82    </h3>
83    <pre>83    <pre class="brush: css">
84 <span style="text-decoration: line-through;">p { text-decoration84h1.under {
>: line-through; }</span> 
85 85    text-decoration: underline;
86 <span style="text-decoration: underline overline;">p { text-deco86}
>ration: underline overline; }</span>  /* multiple values are allo 
>wed */  
87h1.over {
88    text-decoration: overline;
89}
90p.line {
91    text-decoration: line-through;
92}
93p.blink {
94    text-decoration: blink;
95}
96a.none {
97    text-decoration: none;
98}
99p.underover {
100    text-decoration: underline overline;
101}
tt103    <h3 id="HTML_Content">
104      HTML Content
105    </h3>
106    <pre class="brush: html">
107&lt;h1 class="under"&gt;Underlined Header&lt;/h1&gt;
108&lt;p class="line"&gt;If you want to strike out text, use line-th
 >rough.&lt;/p&gt;
109&lt;p class="blink"&gt;This text might blink for you - if you use
 > Explorer, it will not.&lt;/p&gt;
110&lt;h1 class="over"&gt;and now an overlined header.&lt;/h1&gt;
111&lt;p&gt;This &lt;a class="none" href="textdecoration.html"&gt;li
 >nk will not be underlined&lt;/a&gt; , as most links are by defaul
 >t.  Be careful with removing the text decoration on links since m
 >ost users depend on the underline to signify a hyperlink.&lt;/p&g
 >t;
112&lt;p class="underover"&gt;This text has both underline and overl
 >ine.&lt;/p&gt;
113</pre>
114    <h3 id="Live_Sample">
115      Live Sample
116    </h3>
117    <p>
118      {{ EmbedLiveSample('Examples','100%','310') }}
119    </p>

Back to History