H5css3的文本屬性
阿新 • • 發佈:2019-05-07
white hit span 溢出 justify rom 單詞 前綴 解釋
給元素屬性前面加上對應的前綴比如
- 文本屬性 text
Text-align
Text-decoration
Text-indent 文本縮進
Text-shadow 文本陰影
Text-shadow:x軸偏移距離 y軸上偏移距離 r陰影範圍 color 陰影的顏色;
X和y可以為負數 x為負 向左偏 y為負 向上偏
Text-overflow 文本溢出 怎麽顯示內容
Text-overflow:ellipsis; 超出的以省略號形式顯示出來
但是這個屬性必須配合overflow:hidden;white-space:nowrap;一起使用
三者都不能少
Text-justify:
Justify 對齊 一般是兩端對齊
Text-wrap:規定文本的換行規則
瀏覽器不支持
Word-wrap:break-word
Word-break:break-word;
瀏覽器對於英文單詞,是這樣解釋的,如果單詞之間沒有空格,瀏覽器就會默認這是一個單詞,即使超出了默認不換行,加了這兩個屬性中的任何一個,一旦單詞超了,即使是一個單詞也要換行。
- box-shadow 給元素周邊添加陰影,和text-shadow的用法相同。
4.瀏覽器的區別
移動端,安卓內置chrome瀏覽器,不需要考慮一些兼容性。但是再pc上考慮。
C3的這些新增屬性ie,火狐等不兼容,因為各個瀏覽器內核不一樣,針對這種內核,c3
Ie -ms-text-shadow{}
Chrome -webkit-text-shadow
Firefox -moz-text-shadow
opera -o-text-shadow
H5css3的文本屬性