div css文字性質介紹

歡迎大家在這裡學習div css文字性質!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

通 常一個網站的內容最多的就是文字了，透過這些文字相關的CSS指令，您可以將您的 網頁內容排版得美美的。本章將分兩個部份為您介紹，第一部份是字型性質的CSS指 令，用以控制文字字型的各種樣式;第二部份介紹的是文字性質的CSS指令，用以控 制文字段落的外觀及擺設方式。

字　型　性　質　的　C　S　S　指　令

font-family　設定文字字型

支　持：IE3、IE4

適　用：所有元素

可能值： 字型名稱

預設值：視浏覽器而定

繼承性：有

一般范例：SPAN { family-name : "標楷體" }

同軸范例：

font-style　設定字體樣式

支　持：IE3、IE4、NC4

適　用：所有元素

可能值： normal 普通字

italic 斜體字

oblique 斜體字

預設值：normal

繼承性：有

一般范例：SPAN { font-style : italic }

同軸范例：

font-weight　設定字型份量

支　持：IE3、IE4、NC4

適　用：所有元素

可能值： normal 普通字

bold 粗體字

bolder 相對於父元素稍粗

lighter 相對於父元素稍細

100,200,300,

400,500,600,

700,800,900. 數字由小到大代表筆畫由細到粗

normal=400　bold=700

預設值：normal

繼承性：有

一般范例：SPAN { font-weight : bolder }

同軸范例：

font-size　設定文字大小

支　持：IE3、IE4、NC4

適　用：所有元素

可能值： 絕對大小，可用的參數由小到大分別有七項

xx-small, x-small, small, medium, large, x-large, xx-large

相對大小，可用的參數為larger, smaller兩項

以父元素字型大小為基准

長度單位，請參考第一章基本單位的相關說明

百分比，以父元素字型大小為基准

預設值：medium

繼承性：有

一般范例：SPAN { font-size : 12pt }

同軸范例：

font-variant　設定文字轉換

支　持：IE3、IE4、NC4

適　用：所有元素

可能值： normal 普通字

small-caps 將小寫文字轉換為大寫

預設值：normal

繼承性：有

一般范例：SPAN { font-variant : small-caps }

同軸范例：

font　綜合設定字型性質

支　持：IE3、IE4、NC4

適　用：所有元素

可能值： 設定字體樣式

設定文字轉換

設定字型份量

設定文字大小與列高(請參考設定文字列高部份)

設定文字字型

預設值：無

繼承性：有

一般范例： SPAN { font : bolder small-caps 12pt/120% Arial }

同軸范例：< SPAN style="font : bolder small-caps 12pt/120% Arial">

文　字　性　質　的　C　S　S　指　令

line-height　設定列高

支　持：IE3、IE4、NC4

適　用：所有元素

可能值： normal 普通列高，根據字體變化合理高度，視浏覽器而定

以元素字型大小乘以該數即為列高

設定長度，請參考第一章基本單位的相關說明

百分比，相對於元素字型大小為比例

預設值：normal

繼承性：有

一般范例：DIV { line-height : 120% }

同軸范例：

text-align　設定文字對

支　持：IE3、IE4、NC4

適　用：區塊元素

可能值： center 對　中央

right 對　右邊

left 對　左邊

justify 左右對

預設值：視浏覽器而定

繼承性：有

一般范例：DIV { text-align : center }

同軸范例：

vertical-align　設定垂直對

支　持：IE4

適　用：同軸元素

可能值： top 對　同列最高元素頂端

bottom 對　同列最低元素底端

baseline 對　底線

middle 對　中央

sub 將元素置於下標

super 將元素置於上標

text-top 對　文字頂端

text-bottom 對　文字底端

參照元素本身列高，以父元素底線為基准作位移

預設值：baseline

繼承性：有

一般范例：SPAN { vertical-align : sub }

同軸范例：

text-decoration　設定文字裝飾

支　持：IE3、IE4、NC4

適　用：所有元素

可能值： none 普通字

underline 文字加底線

overline 文字加頂線

line-through 文字加刪除線

blink 設定文字閃爍

預設值：none

繼承性：有

一般范例：SPAN { text-decoration : blink }

同軸范例：

text-transform　設定文字轉換

支　持：IE3、IE4、NC4

適　用：所有元素

可能值： none 普通字

capitalize 將英文單字地一個字母轉換為大寫

uppercase 將所有文字轉換為大寫

lowercase 將所有文字轉換為小寫

預設值：none

繼承性：有

一般范例：SPAN { text-transform : uppercase }

同軸范例：

letter-spacing　設定字母間隔

支　持：IE4

適　用：所有元素

可能值： normal 不改變字母間隔，使用浏覽器預設值

要額外增加的間隔長度，可為負值

預設值：normal

繼承性：有

一般范例：SPAN { letter-spacing : 0.5pt }

同軸范例：

text-indent　設定文字縮排

支　持：IE3、IE4、NC4

適　用：區塊元素

可能值： 長度單位，請參考第一章基本單位的相關說明

以父元素寬度為基准的百分比值

預設值：0

繼承性：有

一般范例：DIV { text-indent : 3pt }

同軸范例：

好了，div css文字性質內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

div css區塊性質是什麼