文本屬性是什么?
文本屬性用于控制文本
| 屬性 | 描述 |
|---|---|
| text-align | 規(guī)定文本的水平對齊方式。 |
| text-decoration | 規(guī)定文本裝飾。 |
| text-shadow | 添加文本陰影 |
| text-indent | 規(guī)定文本塊(text-block)中的的首行縮進。 |
| text-transform | 控制文本的大寫。 |
text-align
定義:文本對齊方式
語法:
p{
text-align:left | center | right | justify
}
屬性值:
- left:規(guī)定文本左對齊 (默認)
- center :規(guī)定文本居中對齊
- right :規(guī)定文本右對齊
- justify :規(guī)定文本兩端對齊
text-shadow
定義:定義文本陰影
語法:
h1{
text-shadow:水平位移 | 垂直偏移 | 模糊半徑 | 顏色;
}
屬性值:
- x-offset:設(shè)置水平偏移,單位是像素(可以取負值,正值向右,負值向左)
- y-offset:設(shè)置垂直偏移,單位是像素 (可以取負值,正值向右下,負值向上)
- blur:設(shè)置模糊半徑,數(shù)值越大越模糊,單位是像素。
- color:設(shè)置陰影的顏色
text-indent
定義:定義文本首行縮進
語法:
p{
text-indent:相對值 | 固定值
}
屬性值:
- 相對值:
- em:em表示一個字符
- rem
- %
- vh/vw
絕對值:
- px
text-transform
定義:定義英文字母的小寫轉(zhuǎn)換
語法:
body{
text-transform:none | capitalize | uppercase | lowercase
}
屬性值:
- none:默認值。對原字母不進行轉(zhuǎn)換
- capitalize :文本中每一個英文單詞都以大寫開頭 (首字轉(zhuǎn)為大寫)
- uppercase : 定義僅有大寫字母 (全部轉(zhuǎn)換為大寫字母)
- lowercase :定義無大寫字母,僅有小寫字母(全部轉(zhuǎn)為小寫字母)