“Pr font font variant”的版本间差异
本页内容
（创建页面，内容为“{{DISPLAYTITLE:font-variant}}5 = CSS font-variant 属性 = 把段落设置为小型大写字母字体： <sample title="" desc="" lang="html" hererun="1"> p.small { font-variant:small-caps; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> p.normal {font-variant:normal;} p.small {font-variant:small-caps;} </style> </head> <body> <p class…”） |
无编辑摘要 |
||
| （未显示同一用户的1个中间版本） | |||
| 第1行： | 第1行： | ||
{{DISPLAYTITLE:font-variant}}[[Category:css | {{DISPLAYTITLE:font-variant}}[[Category:css reference|125]] | ||
= CSS font-variant 属性 = | = CSS font-variant 属性 = | ||
| 第58行： | 第58行： | ||
{| class="table table-striped table-hover" | {| class="table table-striped table-hover" | ||
! 属性 | ! 属性 | ||
! | ! Chrome | ||
! | ! Internet Explorer / Edge | ||
! | ! Firefox | ||
! | ! Safari | ||
! | ! Opera | ||
|- | |- | ||
| font-variant | | font-variant | ||
2022年8月19日 (五) 04:46的最新版本
CSS font-variant 属性
把段落设置为小型大写字母字体：
示例
p.small
{
font-variant:small-caps;
}属性定义及使用说明
font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小
font-variant 属性主要用于定义小型大写字母文本
| 默认值： | normal |
| 继承： | yes |
| 版本： | CSS1 |
| JavaScript 语法： | object.style.fontVariant="small-caps" |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font-variant | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
属性值
| 值 | 描述 |
|---|---|
| normal | 默认值。浏览器会显示一个标准的字体。 |
| small-caps | 浏览器会显示小型大写字母的字体。 |
| inherit | 规定应该从父元素继承 font-variant 属性的值。 |
相关文章
CSS 教程: CSS Font
CSS 参考手册: font 属性