您的位置:CSS5 > DIV CSS基础 >

 

font-variant【CSS 英文字母全大写后缩小字体】

 

css font-variant英文字母全大写后缩小字体篇

一、font-variant语法结构

font-varian:small-caps 实现全大写并小型字体显示
font-varian:normal 正常的字体(默认)

二、font-varian案例

1、CSS代码片段

.CSS5{font-variant:small-caps} 

2、HTML代码片段

<div class="CSS5"> 
font-variant:small-caps实现英文或拼音字母全大写并缩小字形显示
</div>

3、案例结果截图

在DW软件中字体只被大写,而在浏览器中将会缩小并大写字体
在DW软件中字体只被大写,而在浏览器中将会缩小并大写字体

三、字体缩小大小总结

font-variant将文本里英文转为全大写,并以缩小方式显示。css font-variant实现全大写但英文或拼音字母会被缩小,如果要实现CSS英文只大写而不缩小请用css text-transform字体大小写样式。。

扩展阅读:
CSS英文字母全大写
CSS英文字母小写
CSS首字母大写

标签(Tag): 缩小
本文分享URL地址:http://css5.com.cn/css/789.shtml

更多

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2016-02-17     点击:
原创:CSS5     来源网址:http://css5.com.cn/css/789.shtml
本文css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!