CSS font-size 屬性
定義和用法
font-size 屬性可設(shè)置字體的尺寸。
說(shuō)明
該屬性設(shè)置元素的字體大小。注意,實(shí)際上它設(shè)置的是字體中字符框的高度;實(shí)際的字符字形可能比這些框高或矮(通常會(huì)矮)。
各關(guān)鍵字對(duì)應(yīng)的字體必須比一個(gè)最小關(guān)鍵字相應(yīng)字體要高,并且要小于下一個(gè)最大關(guān)鍵字對(duì)應(yīng)的字體。
默認(rèn)值: | medium |
---|---|
繼承性: | yes |
版本: | CSS1 |
JavaScript 語(yǔ)法: | object.style.fontSize="larger" |
實(shí)例
設(shè)置不同的 HTML 元素的尺寸:
h1 {font-size:250%;
} h2 {font-size:200%;
} p {font-size:100%
}
TIY
瀏覽器支持
所有主流瀏覽器都支持 font-size 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
值 | 描述 |
---|---|
| 把字體的尺寸設(shè)置為不同的尺寸,從 xx-small 到 xx-large。 默認(rèn)值:medium。 |
smaller | 把 font-size 設(shè)置為比父元素更小的尺寸。 |
larger | 把 font-size 設(shè)置為比父元素更大的尺寸。 |
length | 把 font-size 設(shè)置為一個(gè)固定的值。 |
% | 把 font-size 設(shè)置為基于父元素的一個(gè)百分比值。 |
inherit | 規(guī)定應(yīng)該從父元素繼承字體尺寸。 |
TIY 實(shí)例
- 設(shè)置字體尺寸
- 本例演示如何設(shè)置字體尺寸。
相關(guān)頁(yè)面
CSS 教程:CSS 字體
CSS 參考手冊(cè):CSS font 屬性
HTML DOM 參考手冊(cè):fontSize 屬性