文本標簽的基本屬性


white-space: 設置元素中空白的處理方式

normal:默認處理方式。

pre:保留文本原來帶的空格,當文字超出邊界時不換行。

nowrap:不保留空格,強制在同一行內顯示所有文本,直到文本結束或者碰到br標簽

pre-wrap:保留空格,當文字碰到邊界時換行

pre-line:不保留空格,保留文字的換行,當文字碰到邊界時換行

direction: 規定文本的方向

ltr 默認,文本方向從左到右。

rtl 文本方向從右到左。

text-align: 文本的水平對齊方式

left

center

right

vertical-align: 文本所在行高的垂直對齊方式

baseline 默認

sub 垂直對齊文本的下標,和<sub>標簽一樣的效果

super 垂直對齊文本的上標,和<sup>標簽一樣的效果

top 對象的頂端與所在容器的頂端對齊

text-top 對象的頂端與所在行文字頂端對齊

middle 元素對象基於基線垂直對齊

bottom 對象的底端與所在行的文字底部對齊

text-bottom 對象的底端與所在行文字的底端對齊

text-indent: 文本首行縮進

用於一段文字首行縮進,例:text-indent:30px;

letter-spacing: 添加字母之間的空白

設置字母之間的距離,例:letter-spacing:5px;表示各字母之間相距5px。

word-spacing: 添加每個單詞之間的空白

值為數值型,單位px。

text-transform: 屬性控制文本的大小寫

capitalize 文本中的每個單詞以大寫字母開頭。

uppercase 定義僅有大寫字母,全部轉化為大寫字母。

lowercase 定義僅有小寫字母,全部轉化為小寫字母。

text-overflow: 文本溢出樣式通常與overflow:hidden一起使用

clip 修剪文本。

ellipsis 顯示省略符號...來代表被修剪的文本。

text-decoration: 文本的修飾

none 去掉下下划線/上線/刪除線。

underline 下划線。

overline 上划線。

line-through 中線。

text-shadow:文本陰影

第一個參數是左右位置

第二個參數是上下位置

第三個參數是虛化效果

第四個參數是顏色

text-shadow: 5px 5px 5px #888;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM