CSS font-size 属性

CSS font-size 属性指定字体的大小。因为该属性的值会被用于计算 em 和 ex 长度单位,定义该值可能改变其他元素的大小。


实例

设置不同的 HTML 元素的尺寸:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. h1 {font-size: 300%}
  5. h2 {font-size: 200%}
  6. p {font-size: 100%}
  7. </style>
  8. </head>
  9. <body>
  10. <h1>This is header 1</h1>
  11. <h2>This is header 2</h2>
  12. <p>This is a paragraph</p>
  13. </body>
  14. </html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

属性
font-size1.05.51.01.07.0

定义和用法

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规定应该从父元素继承字体尺寸。

相关页面

CSS 教程:CSS 字体

CSS 参考手册:CSS font 属性

分类导航