CSS font-variant-caps 属性

CSS font-variant-caps 属性使您可以控制大写字母特殊字符的使用。


实例

将段落设置为小写字体:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. p.normal {font-variant-caps: normal;}
  6. p.small {font-variant-caps: small-caps;}
  7. p.allsmall {font-variant-caps: all-small-caps;}
  8. p.petite {font-variant-caps: petite-caps;}
  9. p.allpetite {font-variant-caps: all-petite-caps;}
  10. p.unicase {font-variant-caps: unicase;}
  11. p.titling {font-variant-caps: titling-caps;}
  12. </style>
  13. </head>
  14. <body>
  15. <h1>font-variant-caps 属性</h1>
  16. <p class="normal">My name is Hege Refsnes.</p>
  17. <p class="small">My name is Hege Refsnes.</p>
  18. <p class="allsmall">My name is Hege Refsnes.</p>
  19. <p class="petite">My name is Hege Refsnes.</p>
  20. <p class="allpetite">My name is Hege Refsnes.</p>
  21. <p class="unicase">My name is Hege Refsnes.</p>
  22. <p class="titling">My name is Hege Refsnes.</p>
  23. <p><b>注释:</b> Safari不支持字体变体caps属性。</p>
  24. </body>
  25. </html>

定义和用法

font-variant-caps 属性控制大写字母的替代字形的使用。

如果项目的字体库中包含不同大小的大写字母特殊字符,该属性将选择其中最接近指定大小的字符。例如,如果字体中没有"特小"(petite)型大写字母,该字符将会被以"小"(small)型大写字母进行渲染。如果这些字符均不存在,浏览器将用默认大写字符集进行尺寸加工。

字体库中有时会包含无大小写的特殊字符(例如标点符号)的不同写法来适应在文本中临近的大写字母。但是,小型大写字母永远不会被用来加工无大小写的字符。

默认值:normal
继承:
动画制作:不支持。请参阅:动画相关属性
版本:CSS3
JavaScript 语法:object.style.fontVariantCaps="small-caps"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

属性
font-variant-caps52.079.034.0不支持39.0

CSS 语法

  1. font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;
属性值
描述
normal停用备用字形的使用。
small-caps显示小型大写字母。
all-small-caps把大写和小写字母都显示为小型大写字母。
petite-caps显示特小型大写字母。
all-petite-caps把大写和小写字母都显示为特小型大写字母。
unicase允许将大写字母转化为小型大写字母与普通小写字母的混用。
titling-caps显示首字母大写。
initial将此属性设置为其默认值。参阅 initial
inherit从其父元素继承此属性。参阅 inherit
unset

注释:小型大写字母指使用大写形式,但尺寸与对应小写字母相同的字母。


相关页面

CSS 教程:CSS 字体

CSS 参考手册:font 属性

分类导航