CSS手册CSS3手册Edu网闻
欢迎来到thinkcss查找CSS资料与学习DIV CSS布局技术!
您的位置:ThinkCSS首页 > DIV+CSS基础 >

CSS属性目录

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

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

一、font-variant语法结构   -   TOP

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

二、font-varian案例   -   TOP

1、CSS代码片段

  1. .thinkcss{font-variant:small-caps} 

2、HTML代码片段

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

3、案例结果截图


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

三、字体缩小大小总结   -   TOP

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

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

如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/rumen/r789.shtml

我要分享到:

html基础教程 CSS Based Tutorial

CSS教程文章修订日期:2016-02-17 12:08 原创:ThinkCSS
本文www.thinkcss.com ThinkCSS版权所有。