• :在线测试工具暂时不可用,小伙伴们可以使用本地编辑器来代替,绿叶全新版本正在快马加鞭开发中,比心~

4.4 font-variant属性

一、font-variant属性简介

使用font-variant属性只有一个作用:把文本设置成小型大写字母,这也是针对英文而言,因为中文不存在大小写之分。

语法:

font-variant:normal/small-caps;

说明:

font-variant属性取值如下表:

表1 font-variant属性
font-variant属性值 说明
normal 默认值,正常效果
small-caps 小型大写字母的字体

举例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>font-variant属性</title>
    <style type="text/css">
        #p1{font-variant:normal;}
        #p2{font-variant:small-caps;}
    </style>
</head>
<body>
    <p id="p1">font-variant属性值为normal(正常效果)</p>
    <p id="p2"> font-variant属性值为small-caps(小型大写字母)</p>
</body>
</html>

在浏览器预览效果如下:

font-variant属性

分析:

font-variant属性在英文国家还可能见得到,但是在我们伟大的天朝一般是极少用到的。对于英文的大小写转换,我们用的是text-transform属性,而不是用font-variant属性。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取学习资源以及配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:519225291(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部