• 技术文章 >web前端 >css教程

    css font-variant属性怎么用

    silencementsilencement2019-05-27 16:38:48原创1237

    css font-variant属性简介

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

    语法:

    font-variant:normal/small-caps;

    说明:

    font-variant属性取值如下:

    1.font-variant属性值:normal 默认值,正常效果

    2.font-variant属性值: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>

    运行结果

    ef4cd5d4dc599db75429d444c266979.png

    以上就是css font-variant属性怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css font-variant属性
    上一篇:css height属性怎么用 下一篇:css column-rule-width属性怎么用
    大前端线上培训班

    相关文章推荐

    • css怎么设置字体居中?• css的min-height属性怎么用• css padding-top属性怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网