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 实例
本例演示如何设置字体尺寸。
<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 属性
HTML DOM 参考手册:fontSize 属性