font-size

此屬性對於 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 %

相關詞條

熱門詞條

聯絡我們