CSS font-size 屬性 · W3School CSS 參考手冊

# CSS font-size 屬性 ## 實例設置不同的 HTML 元素的尺寸： ``` h1 {font-size:250%;} h2 {font-size:200%;} p {font-size:100%} ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 font-size 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 font-size 屬性可設置字體的尺寸。 ### 說明該屬性設置元素的字體大小。注意，實際上它設置的是字體中字符框的高度；實際的字符字形可能比這些框高或矮（通常會矮）。各關鍵字對應的字體必須比一個最小關鍵字相應字體要高，并且要小于下一個最大關鍵字對應的字體。 | 默認值： | medium | | --- | --- | | 繼承性： | yes | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.fontSize="larger" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | * xx-small * x-small * small * medium * large * x-large * xx-large | 把字體的尺寸設置為不同的尺寸，從 xx-small 到 xx-large。默認值：medium。 | | smaller | 把 font-size 設置為比父元素更小的尺寸。 | | larger | 把 font-size 設置為比父元素更大的尺寸。 | | _length_ | 把 font-size 設置為一個固定的值。 | | _%_ | 把 font-size 設置為基于父元素的一個百分比值。 | | inherit | 規定應該從父元素繼承字體尺寸。 | ## TIY 實例 [設置字體尺寸](/tiy/t.asp?f=csse_font-size) 本例演示如何設置字體尺寸。 ``` <html> <head> <style type="text/css"> h1 {font-size: 300%} h2 {font-size: 200%} p {font-size: 100%} </style> </head> <body> <h1>This is header 1</h1> <h2>This is header 2</h2> <p>This is a paragraph</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 字體](/css/css_font.asp "CSS 字體") CSS 參考手冊：[CSS font 屬性](/cssref/pr_font_font.asp "CSS font 屬性") HTML DOM 參考手冊：[fontSize 屬性](/jsref/prop_style_fontsize.asp "HTML DOM fontSize 屬性")