All technological notes.
| Attribute | Description |
|---|---|
text-align |
the horizontal alignment |
text-align-last |
how to align the last line |
vertical-align |
the vertical alignment |
direction |
the text direction |
text-decoration |
the decoration line to text |
text-decoration-line |
position of a decoration line to text |
text-decoration-color |
the color of the decoration line |
text-decoration-style |
the style of the decoration line |
text-decoration-thickness |
the thickness of the decoration line |
text-transform |
transform letters in a text |
line-height |
the space between lines |
text-indent |
the indentation of the first line |
letter-spacing |
the space between the characters |
word-spacing |
the space between the words |
white-space |
how to handle white-space |
text-shadow |
shadow of text |
text-align:
left(default), center, rightjustify: each line is stretched so that every line has equal width, and the left and right margins are straight. 两边靠边对齐, 每行文字平均分布.vertical-align:
baseline(default)text-toptext-bottomsubsupertext-decoration:
none: remove the underlinetext-decoration-line:
overlineline-throughunderlinetext-transform:
uppercase, lowercase, capitalizetext-shadow:
<style>
h1 {
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
</style>
<h1>Text-shadow effect!</h1>