文本属性是什么?
文本属性用于控制文本
属性 | 描述 |
---|---|
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 :定义无大写字母,仅有小写字母(全部转为小写字母)
网友评论