此屬性對於 currentStyle 對象而言是唯讀的。對於其他對象而言是可讀寫的。
基本介紹
- 中文名：font-size
- 版本：CSS1
- 兼容性：IE4+ NS4+
- 繼承性：有
- 對應的腳本：特性為 fontSize
語法,說明,單位,套用,示例,
語法
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 |
| 版本： | |
| 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 %
