mozilla

Compare Revisions

text-decoration-style

Change Revisions

Revision 25111:

Revision 25111 by yyss on

Revision 25112:

Revision 25112 by teoli on

Title:
text-decoration-style
text-decoration-style
Slug:
CSS/text-decoration-style
CSS/text-decoration-style
Tags:
css, "CSS Reference", CSS3, css3-text
css, "CSS Reference", CSS3, css3-text
Content:

Revision 25111
Revision 25112
n36    <h2>n36    <p>
37      Values37      where :
38    </h2>38    </p>
n40      <dt>n40      <dt style="margin:0 40px;">
41        solid41        inherit
n43      <dd>n43      <dd style="margin:0 80px;">
44        A single line is drawn.44        Is a keyword indicating to reuse the value calculated on 
 >the parent element.
n46      <dt>n46      <dt style="margin:0 40px;">
47        double47        <em>style</em>
t49      <dd>t49      <dd style="margin:0 80px;">
50        Two parallel solid lines are drawn.50        Is one of the following keywords :
51      </dd>51        <table class="standard-table">
52      <dt>52          <thead>
53        dotted53            <tr>
54      </dt>54              <th scope="col">
55      <dd>55                Keyword
56        A series of round dots are drawn.56              </th>
57      </dd>57              <th scope="col">
58      <dt>58                Description
59        dashed59              </th>
60      </dt>60              <th scope="col">
61      <dd>61                Live example
62        A dashed line is drawn.62              </th>
63      </dd>63              <th scope="col">
64      <dt>64                Comment
65        wavy65              </th>
66      </dt>66            </tr>
67      <dd>67          </thead>
68        A wavy line is drawn.68          <tbody>
69      </dd>69            <tr>
70      <dt>70              <td>
71                <code>solid</code>
72              </td>
73              <td>
74                Draws a single line
75              </td>
76              <td>
77                <span style="-moz-text-decoration-style:solid;-mo
 >z-text-decoration-line:line-through;text-decoration-line:line-thr
 >ough;">Lorem</span> <span style="-moz-text-decoration-style:solid
 >;-moz-text-decoration-line:underline;text-decoration-line:underli
 >ne;">ipsum</span>
78              </td>
79              <td>
80                &nbsp;
81              </td>
82            </tr>
83            <tr>
84              <td>
85                <code>double</code>
86              </td>
87              <td>
88                Draws a double line
89              </td>
90              <td>
91                <span style="-moz-text-decoration-style:double;-m
 >oz-text-decoration-line:line-through;text-decoration-line:line-th
 >rough;">Lorem</span> <span style="-moz-text-decoration-style:doub
 >le;-moz-text-decoration-line:underline;text-decoration-line:under
 >line;">ipsum</span>
92              </td>
93              <td>
94                &nbsp;
95              </td>
96            </tr>
97            <tr>
98              <td>
99                <code>dotted</code>
100              </td>
101              <td>
102                Draws a dotted line
103              </td>
104              <td>
105                <span style="-moz-text-decoration-style:dotted;-m
 >oz-text-decoration-line:line-through;text-decoration-line:line-th
 >rough;">Lorem</span> <span style="-moz-text-decoration-style:dott
 >ed;-moz-text-decoration-line:underline;text-decoration-line:under
 >line;">ipsum</span>
106              </td>
107              <td>
108                &nbsp;
109              </td>
110            </tr>
111            <tr>
112              <td>
113                <code>dashed</code>
114              </td>
115              <td>
116                Draws a dashed line
117              </td>
118              <td>
119                <span style="-moz-text-decoration-style:dashed;-m
 >oz-text-decoration-line:line-through;text-decoration-line:line-th
 >rough;">Lorem</span> <span style="-moz-text-decoration-style:dash
 >ed;-moz-text-decoration-line:underline;text-decoration-line:under
 >line;">ipsum</span>
120              </td>
121              <td>
122                &nbsp;
123              </td>
124            </tr>
125            <tr>
126              <td>
127                <code>wavy</code>
128              </td>
129              <td>
130                Draws a wavy line
131              </td>
132              <td>
133                <span style="-moz-text-decoration-style:wavy;-moz
 >-text-decoration-line:line-through;text-decoration-line:line-thro
 >ugh;">Lorem</span> <span style="-moz-text-decoration-style:wavy;-
 >moz-text-decoration-line:underline;text-decoration-line:underline
 >;">ipsum</span>
134              </td>
135              <td>
136                &nbsp;
137              </td>
138            </tr>
139            <tr>
140              <td>
71        -moz-none {{ non-standard_inline() }}141                <code>-moz-none</code>{{ non-standard_inline() }}
72      </dt>142              </td>
73      <dd>143              <td>
74        No line is drawn. Used only internally, not intended for 144                Do not draw a line
>use in public web pages. 
145              </td>
146              <td>
147                <span style="-moz-text-decoration-style:-moz-none
 >;-moz-text-decoration-line:line-through;text-decoration-line:line
 >-through;">Lorem</span> <span style="-moz-text-decoration-style:-
 >moz-none;-moz-text-decoration-line:underline;text-decoration-line
 >:underline;">ipsum</span>
148              </td>
149              <td>
150                <strong>Do not use</strong> <strong>:</strong> us
 >e the standard CSS {{ cssxref("text-decoration-line") }}<code>: n
 >one</code> instead
151              </td>
152            </tr>
153          </tbody>
154        </table>

Back to History