0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>You can establish additional design features for text using the text-decoration property. Here are its values:</p>
1
<p>You can establish additional design features for text using the text-decoration property. Here are its values:</p>
2
<ol><li>underline - It underlines text;</li>
2
<ol><li>underline - It underlines text;</li>
3
<li>line-through - It crosses out text;</li>
3
<li>line-through - It crosses out text;</li>
4
<li>overline - It overlines text;</li>
4
<li>overline - It overlines text;</li>
5
<li>none - It removes the above formatting.</li>
5
<li>none - It removes the above formatting.</li>
6
</ol><p>You can apply several effects to the text at the same time by listing the values separated by a space:</p>
6
</ol><p>You can apply several effects to the text at the same time by listing the values separated by a space:</p>
7
p { text-decoration: underline; /* It underlines the text */ } span { /* The text is both underlined and crossed out */ text-decoration: underline line-through; }<p>The text-decoration property is <a>shorthand</a>, which means that it can be broken down into the following properties:</p>
7
p { text-decoration: underline; /* It underlines the text */ } span { /* The text is both underlined and crossed out */ text-decoration: underline line-through; }<p>The text-decoration property is <a>shorthand</a>, which means that it can be broken down into the following properties:</p>
8
<ul><li>text-decoration-line - This defines the line formatting: crossed-out, underlined or overlined;</li>
8
<ul><li>text-decoration-line - This defines the line formatting: crossed-out, underlined or overlined;</li>
9
<li>text-decoration-style - This defines the line style. It can take the following properties:<ul><li>solid - Solid line;</li>
9
<li>text-decoration-style - This defines the line style. It can take the following properties:<ul><li>solid - Solid line;</li>
10
<li>double - Double line;</li>
10
<li>double - Double line;</li>
11
<li>dotted - Dotted line;</li>
11
<li>dotted - Dotted line;</li>
12
<li>dashed - Dashed line;</li>
12
<li>dashed - Dashed line;</li>
13
<li>wavy - Wavy line.</li>
13
<li>wavy - Wavy line.</li>
14
</ul></li>
14
</ul></li>
15
<li>text-decoration-color - Line color.</li>
15
<li>text-decoration-color - Line color.</li>
16
</ul>
16
</ul>