font-size

此屬性對於 currentStyle 對象而言是唯讀的。對於其他對象而言是可讀寫的。

語法

font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length

取值:

xx-small :  絕對字型尺寸。根據對象字型進行調整。最小

x-small :  絕對字型尺寸。根據對象字型進行調整。較小

small :  絕對字型尺寸。根據對象字型進行調整。小

medium :  默認值。絕對字型尺寸。根據對象字型進行調整。正常

large :  絕對字型尺寸。根據對象字型進行調整。大

x-large :  絕對字型尺寸。根據對象字型進行調整。較大

xx-large :  絕對字型尺寸。根據對象字型進行調整。最大

larger :  相對字型尺寸。相對於父對像中字型尺寸進行相對增大。使用成比例的 em 單位計算

smaller :  相對字型尺寸。相對於父對像中字型尺寸進行相對減小。使用成比例的 em 單位計算

length :  百分數 | 由浮點數字和單位標識符組成的長度值,不可為負值。其百分比取值是基於父對象中字型的尺寸。請參閱 長度單位

說明

設定或檢索對象中的字型尺寸。

font-size的使用說明如下表所示:

默認值:medium
繼承:yes
版本:CSS1
JavaScript 語法:object.style.fontSize="larger"

示例:

p { font-style: normal; }

p { font-size: 12px; }

p { font-size: 20%; }

單位

px: 基於像素的單位。像素是一種有用的單位,因為在任何媒體上都可以保證一個像素的差別確實是可見的。

em : 一般用來測量長度的通用單位(例如元素周轉的頁邊空白和填充),當用於指定字型大小時,em單位是指父元素的字型大小。

比如

<div style="font-size:12px">

<span style="fontsize:2em">這裡的字是24px</span>

</div>

如果使用em來指定填充,填充的寬度是相對於DIV元素的字型大小而定的。

pt: 印刷業上常使用的單位,磅的意思。一般也用於頁面列印排版。

px是像素單位,em是相對單位,pt是絕對單位。它們各自的好處是:px可以在計算機螢幕上,能達到預期的效果,在印表機和其它的高解析度設備上,它又能取得所希望的效果。em的優點很多,比如在一個頁面上,你給定了一個父元素的字型大小,這樣就可以通過調整一個元素來成比例的改變所有元素大小。它可以自由縮放,比如用來製作可伸縮的樣式表。pt是一種固定長度的度量單位,是能夠使用測量設備測得的長度。絕對單位作用有限,因為它們不能夠縮放,通常只用在已經知道是用在哪種輸出媒體的情況下才使用。但大多數情況下最好使用相對單位。一般都是用px和em這兩種種配搭比較好。

套用

IE5.0+ currentStyleCUSTOMruntimeStyle

IE5.5+ defaults

示例

.test p {

margin: 15px 0;

border: 1px solid#000;

}

.xx - small p {

font - size: xx - small;

} /*尺寸大小為xx - small:xx - small尺寸的文字。*/

.x - small p {

font - size: x - small;

} 尺寸大小為x - small:x - small尺寸的文字。

.small p {

font - size: small;

}/*尺寸大小為small:small尺寸的文字。*/

.medium p {

font - size: medium;

}/*尺寸大小為medium:medium尺寸的文字。*/

.large p {

font - size: large;

}尺寸大小為large:large尺寸的文字。

.x - large p {

font - size: x - large;

}尺寸大小為x - large:x - large尺寸的文字。

.xx - large p {

font - size: xx - large;

}尺寸大小為xx - large:xx - large尺寸的文字

.smaller p {

font - size: smaller;

}尺寸大小為samller:samller尺寸的文字。

.larger p {

font - size: larger;

}尺寸大小為larger:larger尺寸的文字。

.float p {

font - size: 20px;

}尺寸大小為20px:20px尺寸的文字。

.percentage {

font - size: 20px;

}尺寸大小為20px:父對象20px尺寸的文字。

.percentage span {

font - size: 60 % ;

}我的尺寸只是父對象的60 %

相關詞條

相關搜尋

熱門詞條

聯絡我們