CSS 文本属性
2022-11-08 本文已影响0人
败于化纤
文本属性是什么？
文本属性用于控制文本
| 属性 | 描述 |
|---|---|
| text-align | 规定文本的水平对齐方式。 |
| text-decoration | 规定文本装饰。 |
| text-shadow | 添加文本阴影 |
| text-indent | 规定文本块（text-block）中的的首行缩进。 |
| text-transform | 控制文本的大写。 |
text-align
定义：文本对齐方式
语法：
p{
text-align:left | center | right | justify
}
属性值：
- left：规定文本左对齐 （默认）
- center ：规定文本居中对齐
- right ：规定文本右对齐
- justify ：规定文本两端对齐
text-decoration
定义：定义文本修饰线
语法：
p{
text-decoration:overline | line-through | underline | none
}
属性值：
- overline ：添加上划线
- line-through ：添加删除线
- underline：添加下划线
- none ： 默认值，取消修饰线
text-shadow
定义：定义文本阴影
语法：
h1{
text-shadow:水平位移 | 垂直偏移 | 模糊半径 | 颜色；
}
属性值：
- x-offset:设置水平偏移，单位是像素（可以取负值，正值向右，负值向左）
- y-offset:设置垂直偏移，单位是像素 （可以取负值，正值向右下，负值向上）
- blur：设置模糊半径，数值越大越模糊，单位是像素。
- color：设置阴影的颜色
text-indent
定义：定义文本首行缩进
语法：
p{
text-indent:相对值 | 固定值
}
属性值：
- 相对值：
- em：em表示一个字符
- rem
- %
- vh/vw
- 绝对值：
- px
text-transform
定义：定义英文字母的小写转换
语法：
body{
text-transform:none | capitalize | uppercase | lowercase
}
属性值：
- none:默认值。对原字母不进行转换
- capitalize :文本中每一个英文单词都以大写开头 （首字母转为大写）
- uppercase : 定义仅有大写字母 （全部转换为大写字母）
- lowercase ：定义无大写字母，仅有小写字母（全部转为小写字母）
