Sifat font CSS
- Halaman sebelumnya float
- Halaman berikutnya @font-face
Definisi dan penggunaan
Sifat font pendek mengatur semua properti huruf dalam satu deklarasi.
Keterangan:Sifat ini juga memiliki nilai keenam: "line-height", yang dapat menetapkan jarak antar baris.
Pengarahan
Penggunaan sifat pendek ini untuk mengatur dua atau lebih aspek huruf elemen sekali. Penggunaan kata kunci seperti icon dapat mengatur font elemen dengan sesuai, supaya sejalan dengan aspek yang ada di lingkungan komputer pengguna. Perhatian, jika tidak digunakan kata kunci ini, setidaknya tentukan ukuran font dan seri font.
可以按顺序设置如下属性:
可以不设置其中的某个值,例如 font:100% verdana; 也是允许的。未设置的属性将使用其默认值。
另请参阅:
CSS 教程:Font CSS
HTML DOM 参考手册:字体属性
实例
在一个声明中设置所有字体属性:
p.ex1 { 字体:italic arial,sans-serif; } p.ex2 { 字体:italic bold 12px/20px arial,sans-serif; }
CSS 语法
字体: 字体样式 字体变体 字体粗细 字体大小/行高 字体家族|标题|图标|菜单|消息框|小标题|状态栏|初始|继承;
属性值
值 | 描述 |
---|---|
字体样式 | 规定字体样式。参阅:字体样式 可能的值。 |
字体变体 | 规定字体变体。参阅:字体变体 可能的值。 |
字体粗细 | 规定字体粗细。参阅:字体粗细 可能的值。 |
字体大小/行高 | 规定字体大小和行高。参阅:字体大小 和 行高 可能的值。 |
字体家族 | 规定字体系列。参阅:字体家族 可能的值。 |
标题 | 定义被标题控件(例如按钮、下拉列表等)使用的字体。 |
图标 | 定义被图标标记使用的字体。 |
菜单 | 定义被下拉列表使用的字体。 |
消息框 | 定义被对话框使用的字体。 |
小标题 | 小型版本的 caption 字体。 |
状态栏 | 定义被窗口状态栏使用的字体。 |
技术细节
默认值: | 未指定 |
---|---|
继承性: | yes |
版本: | CSS1 |
JavaScript 语法: | object.style.font="italic small-caps bold 12px arial,sans-serif" |
TIY 实例
- 所有字体属性在一个声明之内
- 本例演示如何使用简写属性将字体属性设置在一个声明之内。
- 设置使用 "caption" 值的段落字体
- 本例演示如何设置使用 "caption" 值的段落字体。
浏览器支持
数字在表格中注明了完全支持该属性的首个浏览器版本。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Halaman sebelumnya float
- Halaman berikutnya @font-face