Hisia CSS font
- Picha ya kwanza float
- Picha ya kina @font-face
Ufafanuzi na matumizi
Kifupi cha fonti kinasaidia kufungua kila kiwango cha fonti kwa kawaida.
Maelezo:Hii kifupi pia ina thamani ya kesho: "line-height", inaweza kufanya ukurasa wa kufungua kwa mbali mbali.
Muhtasari
Hiiro na kifupi kinatumiwa kufungua mbali mbali ya fonti ya kitu kwa mara moja. Kusaidia kifupi kama icon kinapohusiana kwa huzuni na asili ya kompyuta ya mtumiaji. Kwa sababu ya kina, kama haukutumika kifupi hizi, inafaa kumegua ukubwa wa fonti na jinsia ya fonti.
可以按顺序设置如下属性:
可以不设置其中的某个值,比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。
另请参阅:
CSS 教程:Fonti ya CSS
HTML DOM 参考手册:font 属性
实例
在一个声明中设置所有字体属性:
p.ex1 { font:italic arial,sans-serif; } p.ex2 { font:italic bold 12px/20px arial,sans-serif; }
CSS 语法
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
属性值
值 | 描述 |
---|---|
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-caption | caption 字体的小型版本。 |
status-bar | 定义被窗口状态栏使用的字体。 |
技术细节
默认值: | not specified |
---|---|
继承性: | yes |
版本: | CSS1 |
JavaScript 语法: | object.style.font="italic small-caps bold 12px arial,sans-serif" |
TIY 实例
- 所有字体属性在一个声明之内
- 本例演示如何使用简写属性将字体属性设置在一个声明之内。
- Kumaliza kufungua fonti ya mawanda kwa thamani ya "caption"
- Mfano huu unaonyesha matukio ya kusaidia kumaliza kufungua fonti ya mawanda kwa thamani ya "caption".
Uwakilishaji wa kifungaji
数字 katika tablio zinaonyesha sababu ya kufungua kwa kawaida kwa kusimamia ugaumini huo wa kufungua kwa sababu ya kufungua kwa kawaida kwa kusimamia ugaumini huo.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Picha ya kwanza float
- Picha ya kina @font-face