font-variant-caps

font-variant-caps 属性将字符替代为大写字母。

 

语法

font-variant-caps: normal;
font-variant-caps: small-caps;
font-variant-caps: all-small-caps;
font-variant-caps: petite-caps;
font-variant-caps: all-petite-caps;
font-variant-caps: unicase;
font-variant-caps: titling-caps;

值

值描述
normal此关键字会禁止这种备用标志符号的使用。
small-caps此关键字将小写字母变成大写字母，并且写成小写字符
all-small-caps此关键字将小写字母变成大写字母，并且写成小写字符
petite-caps此关键字将大写字母变成小写字母，并且写成小写字符
all-petite-caps此关键字将小写字母变成大写字母，并且写成小写字符
unicase此关键字将小写字母变成大写字母，并且写成大写字符

例子

HTML 

<p class="smallC" >Firefox rocks, small caps!</p>
<p class="normal" >Firefox rocks, normal caps!</p>

CSS 

.smallC {
  font-variant-caps: small-caps;
  font-style: italic;
}
.normal{
  font-variant-caps: normal;
  font-style: italic;
}

执行结果

Firefox rocks, small caps!

Firefox rocks, normal caps!

参考

相关链接

外部链接


跳至内容顶部