css ---text文本屬性

1、對齊方式--------text-align

文本水平居中:text-align:center;

文本左右,兩端對齊:text-align:right;

文本左右邊距對齊,每一行展開的寬度相等(如報紙、雜志)text-align:justify

2、文本修飾---------- text-decoration(下劃線)

刪除文本鏈接下劃線 : text-decoration:none

上劃線:text-decoration:overline;

文本中劃線:text-decoration:line-through;

文本下劃線:text-decoration:underline;

3、文本轉(zhuǎn)換------------text-transform

所有大寫字母轉(zhuǎn)為小寫:text-transform:lowercase;

所有小寫字母轉(zhuǎn)為大寫字母:text-transform:uppercase;

文本轉(zhuǎn)為首字母大寫:text-transform:capitalize;

4、文本縮進--------------text-indent

指定文本第一行的縮進,例如:p{text-indent:20px}

5、文本字符之間的間距---------------letter-spacing

6、文本行與行之間的間距-----------------line-height

7、文本書寫方向-----------------------direction


文本書寫方向

8、文本與圖片的對齊方式---------vertical-align

默認值,基線對齊 :vertical-align: baseline;?

頂端對齊:vertical-align: top;?

底端對齊:vertical-align: bottom;?

?居中:vertical-align: middle;

典型應用:圖片與圖片、圖片與文字、圖片與文本框?qū)R

9、元素內(nèi)部文字換行-------------white-space

禁止換行:white-space:nowrap;

默認:white-space:normal;

保留空白符,正常換行:white-space:pre-wrap;

合并空白符序列,保留換行符:white-space:pre-line

10、文本陰影-----------text-shadow


文字陰影示例
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容