text-decoration property is used to set or remove decorations from text.
The text-decoration property is mostly used to remove underlines from links for design purposes.
For example,
a { text-decoration:none; }
It can also be used to decorate text.
For example,
h1 { text-decoration:overline; }
h2 { text-decoration:line-through; }
h3 { text-decoration:underline; }
h4 { text-decoration:blink; }
text-transform property is used to specify uppercase and lowercase letters in a text.
It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word.
For example,
p.uppercase { text-transform:uppercase; }
p.lowercase { text-transform:lowercase; }
p.capitalize { text-transform:capitalize; }
| Property | Description | Values | CSS |
|---|---|---|---|
| color | Sets the color of a text. | color | 1 |
| direction | Sets the text direction. | ltr rtl |
2 |
| line-height | Sets the distance between lines. | normal number length % |
1 |
| letter-spacing | Increases or decreases the space between characters. | normal length |
1 |
| text-align | Aligns the text in an element. | left right center justify |
1 |
| text-decoration | Adds decoration to text. | none underline overline line-through blink |
1 |
| text-indent | Indents the first line of text in an element. | length % |
1 |
| text-shadow | none color length |
||
| text-transform | Controls the letters in an element. | none capitalize uppercase lowercase |
1 |
| unicode-bidi | normal embed bidi-override |
2 | |
| vertical-align | Sets the vertical alignment of an element. | baseline sub super top text-top middle bottom text-bottom length % |
1 |
| white-space | Sets how white space inside an element is handled. | normal pre nowrap |
1 |
| word-spacing | Increases or decreases the space between words. | normal length |
1 |
|
When people tell me “You’re gonna regret that in the morning,” I sleep till noon because I’m a problem solver. |