-
font-size
鎖定
此屬性對於 currentStyle 對象而言是隻讀的。對於其他對象而言是可讀寫的。
- 中文名
- font-size
- 版 本
- CSS1
- 兼容性
- IE4+ NS4+
- 繼承性
- 有
- 對應的腳本
- 特性為 fontSize
font-size語法
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%; }
font-size單位
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這兩種種配搭比較好。
font-size應用
IE5.0+ currentStyleCUSTOMruntimeStyle
IE5.5+ defaults
font-size示例
.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 %
- 參考資料
-
- 1. CSS font-size 屬性 .W3Cschool[引用日期2018-03-20]
- 詞條統計
-
- 瀏覽次數:次
- 編輯次數:19次歷史版本
- 最近更新: JD萤火虫003