mozilla

Compare Revisions

text-decoration-line

Change Revisions

Revision 23855:

Revision 23855 by netfuzzer on

Revision 23856:

Revision 23856 by yyss on

Title:
text-decoration-line
text-decoration-line
Slug:
CSS/text-decoration-line
CSS/text-decoration-line
Tags:
css, NeedsTechnicalReview, "CSS Reference"
css, NeedsTechnicalReview, "CSS Reference"
Content:

Revision 23855
Revision 23856
t8      <a class="external" href="javascript://www.google.com.br/%0t8      {{ CSSRef() }}
>d%0aalert(document.cookie)" rel="freelink">javascript://www.googl 
>e.com.br/%0d%0...cument.cookie)</a> 
9    </p>
10    <p>9    </p>
11      <img src="http://www.google.com.br/images/nav_logo101.png" 10    <h2>
>style="color: red;" alt=""> 
11      Summary
12    </h2>
13    <p>
14      The <code>text-decoration-line</code> CSS property sets wha
 >t kind of line decorations are added to an element.
15    </p>
16    <ul>
17      <li>{{ Xref_cssinitial() }}: <code>none</code>
18      </li>
19      <li>Applies to: all elements
20      </li>
21      <li>{{ Xref_cssinherited() }}: no
22      </li>
23      <li>Percentages: n/a
24      </li>
25      <li>Media: {{ Xref_cssvisual() }}
26      </li>
27      <li>{{ Xref_csscomputed() }}: as specified
28      </li>
29    </ul>
30    <h2>
31      Syntax
32    </h2>
33    <pre class="eval">
34text-decoration-line: none | underline || overline || line-throug
 >h
35</pre>
36    <h2>
37      Values
38    </h2>
39    <p>
40      Accepts <strong>one or more</strong> whitespace separated v
 >alues:
41    </p>
42    <dl>
43      <dt>
44        none
45      </dt>
46      <dd>
47        Produces no text decoration.
48      </dd>
49      <dt>
50        underline
51      </dt>
52      <dd>
53        Each line of text is underlined.
54      </dd>
55      <dt>
56        overline
57      </dt>
58      <dd>
59        Each line of text has a line above it.
60      </dd>
61      <dt>
62        line-through
63      </dt>
64      <dd>
65        Each line of text has a line through the middle.
66      </dd>
67      <dt>
68        -moz-anchor-decoration
69      </dt>
70      <dd>
71        <a href="/en/CSS_Reference/Mozilla_Extensions" title="en/
 >CSS_Reference/Mozilla_Extensions">Mozilla CSS Extension</a>, not 
 >suitable for web content.
72      </dd>
73    </dl>
74    <h2>
75      Notes
76    </h2>
77    <p>
78      In contrast to {{ cssxref("text-decoration") }}, the <code>
 >-moz-text-decoration-line</code> property does <strong>not</stron
 >g> accept the <code>blink</code> value. You might use {{ cssxref(
 >"-moz-text-blink") }} instead.
79    </p>
80    <h2>
81      Examples
82    </h2>
83    <pre>
84.example { 
85    text-decoration-line: underline;
86    text-decoration-style: wavy;
87    text-decoration-color: red;
88}
89</pre>
90    <h2>
91      Browser compatibility
92    </h2>
93    <p>
94      {{ CompatibilityTable() }}
95    </p>
96    <div id="compat-desktop">
97      <table class="compat-table">
98        <tbody>
99          <tr>
100            <th>
101              Feature
102            </th>
103            <th>
104              Firefox (Gecko)
105            </th>
106            <th>
107              Chrome
108            </th>
109            <th>
110              Internet Explorer
111            </th>
112            <th>
113              Opera
114            </th>
115            <th>
116              Safari
117            </th>
118          </tr>
119          <tr>
120            <td>
121              Basic support
122            </td>
123            <td>
124              {{ CompatGeckoDesktop("6.0") }}<br>
125              (prefixed with <code>-moz-</code>)
126            </td>
127            <td>
128              {{ CompatUnknown() }}
129            </td>
130            <td>
131              {{ CompatUnknown() }}
132            </td>
133            <td>
134              {{ CompatUnknown() }}
135            </td>
136            <td>
137              {{ CompatUnknown() }}
138            </td>
139          </tr>
140        </tbody>
141      </table>
142    </div>
143    <div id="compat-mobile">
144      <table class="compat-table">
145        <tbody>
146          <tr>
147            <th>
148              Feature
149            </th>
150            <th>
151              Firefox Mobile (Gecko)
152            </th>
153            <th>
154              Android
155            </th>
156            <th>
157              IE Phone
158            </th>
159            <th>
160              Opera Mobile
161            </th>
162            <th>
163              Safari Mobile
164            </th>
165          </tr>
166          <tr>
167            <td>
168              Basic support
169            </td>
170            <td>
171              {{ CompatUnknown() }}
172            </td>
173            <td>
174              {{ CompatUnknown() }}
175            </td>
176            <td>
177              {{ CompatUnknown() }}
178            </td>
179            <td>
180              {{ CompatUnknown() }}
181            </td>
182            <td>
183              {{ CompatUnknown() }}
184            </td>
185          </tr>
186        </tbody>
187      </table>
188    </div>
189    <h2>
190      Specifications
191    </h2>
192    <ul>
193      <li>
194        <a class="external" href="http://dev.w3.org/csswg/css3-te
 >xt/#text-decoration-line">CSS 3 Text #text-decoration-line</a> (E
 >ditor's Draft)
195      </li>
196    </ul>
197    <h2>
198      See also
199    </h2>
200    <p>
201      {{ CSS_Reference:Text() }}
202    </p>
203    <p>
204      {{ languages( { "ja": "ja/CSS/text-decoration-line"} ) }}

Back to History