CSS 段落屬性

2021-08-11 20:53:52 字數 2281 閱讀 4974

利用css還可以控制段落的屬性,主要包括單詞間隔、字元間隔、文字修飾、縱向排列、文字轉換、文字排列、文字縮排和行高等。

1.1 單詞間隔 word-spacing

語法:

word-spacing:取值

說明:取值可以使用mormal,也可以使用長度值。normal指正常的間隔,是預設選項;長度是設定單詞間隔的數值及單位,也可以使用負值。

1.2 字元間隔 letter-spacing

使用間隔可以控制字元之間的間隔距離。

語法:letter-spacing:取值

1.3 文字修飾 text-decoration

使用文字修飾屬性可以對文字進行修飾,如設定下劃線、刪除線等。

語法:text-decoration:取值

說明:none 表示不修飾,是預設值;underline表示對文字新增下劃線;overline表示對文字新增上劃線;line-through表示對文字新增刪除線;blink表示文字閃爍效果。

1.4 垂直對齊方式 bertical-align

使用垂直對齊方式可以設定文字的垂直對齊方式。

語法:vertical-align:排列取值

說明:vertical-align 包括以下取值:

baseline:瀏覽器預設的垂直對齊方式;

sub:文字的下標;

super:文字的上標

top:垂直靠上對齊;

text-top:使元素和上級元素的字型向上對齊;

middle:垂直居中對齊;

text-bottom:使元素和上級元素的字型向下對齊。

1.5 文字轉換 text-transform

文字轉換屬性用來轉換英文本母的大小寫。

語法:text-transform:轉換值

說明:text-transform包括以下取值:

none:表示使用原始值;

capitalize:表示使用每個單詞的第乙個字母大寫;

uppercase:表示使用每個單詞的所有字母大寫;

lowercase:表示使用每個單詞的所有字母小寫;

1.6水平對齊方式 text-align

使用text-align屬性可以設定文字的水平對齊方式。

語法:

text-align:排列值

說明:水平對齊方式取值包括:left,right,center,justify四種。

1.7 文字縮排 text-indent

在html中只能控制段落的整體向右縮排,如果不進行設定,瀏覽器則預設為不縮排,而在css中可以控制段落的首行縮排以及進行的縮排的距離。

語法:

text-align:縮排值

1.8 文字行高 line-height

使用文字行高屬性可以控制段落中行與行之間的距離。

語法:

text-align:行高

值 說明:

行高值可以為長度、倍數或百分比。

1.9 處理空白 white-spacewhite-space 屬相用於設定頁面內容空白的處理方式

語法:

white-space:空白

值 說明:

white-space包括3個值,其中normal是預設屬性,pre會導致源**中的空格和換行符被保留,nowrap強制在同一行內顯示所有文字。

1.10 文字反排unicode-bidi、direction

unicode-bidi、direction 屬性經常一起使用,用來設定物件的閱讀順序。

1.unicode-bidi 屬性

語法:

unicode-bidi:bidi-override |normal| embed

說明:在unicode-bidi屬性的值中,bidi-override表示嚴格按照direction屬相的值重排列;normal表示為預設值;embed表示物件開啟附加的嵌入層,direction屬性的值制定嵌入層,在物件內部進行隱試重排列。

2.direction 屬性

語法:unicode:lir |rtl| inherit

說明:

direction屬性的值中,ltr表示從左到右的順序閱讀;rtl表示從右到左的順序閱讀;inherit表示文字流的值不可繼承。

CSS設定文字和段落屬性

字型屬性 color 顏色名稱 十六進製制 rgb 碼 fff 和 ffffff 都表示白色 font family 字形名稱 字形名稱 可以有多個字形,但只取乙個,從頭開始選直到找到乙個適合的。font size 數值 數值 單位 pt px em ex font style normal 普通 ...

css控制段落

標籤 一段話或者段落適宜於用p標籤 段落縮排 text indent 50px 文字方向 text align center居中 left往左顯示 right往右顯示 文字裝飾線 text decoration underline下劃線 overline上劃線 linethough貫穿線 字之間的距...

CSS控制段落縮排

有關css段落縮排的語法如下 語法 text indent 值 允許值 長度 百分比 初始值 0 文字縮排屬性可以應用於塊級元素 p,h1,等.以定義該元素第一行可以接受的縮排的數量。該值必須是乙個長度或乙個百分比。若百分比則視上級元素的寬度而定。通用的文字縮排用法是用於段的縮排 p 即表示段落縮排...