CSS font 属性 | CSS 字体 | CSS教程

返回到:CSS 字体 | CSS教程

属性定义及使用说明

font 简写属性在一个声明中设置所有字体属性。

可设置的属性是(按顺序): “font-style font-variant font-weight font-size/line-height font-family”

font-size和font-family的值是必需的。如果缺少了其他值,默认值将被插入,如果有默认值的话。

注意: line – height属性设置行与行之间的空间。

默认值:not specified
继承:yes
版本:CSS1
JavaScript 语法:object.style.font=”italic small-caps bold 12px arial,sans-serif”

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性谷歌IE火狐苹果opera
font1.04.01.01.03.5

Font 特性

描述
font-style规定字体样式。参阅:font-style 中可能的值。
font-variant规定字体异体。参阅:font-variant 中可能的值。
font-weight规定字体粗细。参阅:font-weight 中可能的值。
font-size/line-height规定字体尺寸和行高。参阅:font-size 和 line-height 中可能的值。
font-family规定字体系列。参阅:font-family 中可能的值。
caption定义被标题控件(比如按钮、下拉列表等)使用的字体。
icon定义被图标标记使用的字体。
menu定义被下拉列表使用的字体。
message-box定义被对话框使用的字体。
small-captioncaption 字体的小型版本。
status-bar定义被窗口状态栏使用的字体。

实例

指定在一个声明的所有字体属性:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Web176教程(web176.com)</title> 
<style>
p.ex1
{
	font:15px arial,sans-serif;
}

p.ex2
{
	font:italic bold 12px/30px Georgia,serif;
}
</style>
</head>

<body>
<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
<p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/cssprop/5682.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年4月21日 上午11:24
下一篇 2022年4月21日 上午11:40

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注