[学习记录][css]文本属性

缩进和水平对齐

缩进

text-indent
所有元素第一行缩进一个长度

水平对齐

text-align
块级元素
不控制元素对齐，只影响内容

• left
• right
• center
• justify（两端对齐）

垂直对齐

line-height
文本行基线的距离，而不是字体的大小。确定元素框高度的增加减少
这是一个最小距离，而不是绝对数值
行间距：line-height减去font-size

垂直对齐文本

vertical-align
行内元素和替换元素

• baseline：基线对齐，元素基线与父元素对齐
• sub：基线相对于父元素下降
• super：基线相对于父元素升高
• bottom：底端对齐
• text-bottom：行内文本底端
• top
• text-top（对齐的位置取决去行内有什么元素，它们有多高）
• middle：居中对齐，父元素基线上方0.5ex，注意大多数代理会将1ex处理为0.5em
• 百分数：相对于父元素基线，基线升高或降低
• 具体数值：对齐前相比上升

字间隔和字母间隔

字间隔

word-space

字母间隔

letter-space

间隔和对齐

指定间隔，则不会收到对齐的影响，如果是normal，则会根据对齐改变

文本转换

text-transform

• uppercase
• lowercase
• capitalize（每个单词的首字母大写）
• none（默认）

文本装饰

text-decoration
不能继承，文本上的任何装饰线和父元素颜色相同

• underline
• overline
• line-through
• blink（闪烁）

文本阴影

text-shadow

空白符

white-space
* nowrap：防止元素中换行
* pre：空白符不会被忽略，空格回车都会显示
* pre-wrap：保留空白序列，文本行正常换行
* pre-line：合并空白符，保留换行符

文本方向

direction

• ltr
• rtl

unicode-bidi

• embed
• bidi-override