font-variant【CSS 英文字母全大写后缩小字体】_ThinkCSS
您的位置:首页 > DIV CSS基础 > 正文

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

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

一、font-variant语法结构

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

二、font-varian案例

1、CSS代码片段

.thinkcss{font-variant:small-caps} 

2、HTML代码片段

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

3、案例结果截图

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

三、字体缩小大小总结

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

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

相关标签: 缩小
如需转载,请注明文章出处和来源网址:www.thinkcss.com/css/789.shtml

日期:2016-02-17 12:08:46 来源:www.thinkcss.com 作者:ThinkCSS