CSS font-size 属性
实例
设置不同元素的字体大小：
div.a {
font-size: 15px;
}
div.b {
font-size: large;
}
div.c {
font-size: 150%;
}
亲自试一试 »
font-size: 15px;
}
div.b {
font-size: large;
}
div.c {
font-size: 150%;
}
定义和用法
font-size 属性用于设置字体大小。
| 默认值: | medium |
|---|---|
| 继承性: | yes |
| 支持动画: | yes. 阅读有关动画的信息 测试一下 |
| 版本: | CSS1 |
| JavaScript 语法: | object.style.fontSize="14px" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| font-size | 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
语法
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| medium | 将字体大小设置为中等大小。这是默认值 | 亲自试一试 » |
| xx-small | 将字体大小设置为 xx 小字体 | 亲自试一试 » |
| x-small | 将字体大小设置为非常小 | 亲自试一试 » |
| small | 将字体大小设置为较小 | 亲自试一试 » |
| large | 将字体大小设置为较大 | 亲自试一试 » |
| x-large | 将字体大小设置为超大 | 亲自试一试 » |
| xx-large | 将字体大小设置为 xx 大 | 亲自试一试 » |
| smaller | 把 font-size 设置为比父元素更小的尺寸。 | 亲自试一试 » |
| larger | 把 font-size 设置为比父元素更大的尺寸 | 亲自试一试 » |
| length | 将字体大小设置为 px、cm 等固定值。 了解长度单位 | 亲自试一试 » |
| % | 把 font-size 设置为基于父元素的一个百分比值 | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
相关页面
CSS 教程: CSS Fonts
CSS 参考手册: font 属性
HTML DOM 参考手册: fontSize 属性
