您的位置:内蒙古11选五开奖5号的 > DIV CSS基础 > 正文

内蒙古牛:text-transform【CSS英文字母大小写】字母大写小写

DIV CSS text-transform英文字母大写小写,内蒙古11选五开奖5号的英文字母大写,首字母大写,无论字母是否大写小写都全小写样式。

CSS大写小写text-transform样式

CSS样式控制字母字符大写,包括了全英文字母大写与首字母大写。

一、小写大写CSS样式单词

font-variant 全大写并将小型显示
text-transform 可实现单词首字母大写,字母全小写与字母全大写。

二、全大写并小型缩小显示

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

2、font-varian案例
1)、CSS代码片段

.thinkcss{font-variant:small-caps} 

2)、HTML代码片段

<div class="thinkcss"> 
设置或检索对象中的文本是否为小型的大写字母。<br />
对应的脚本特性为fontvariant。
</div>

3)、案例结果截图

css font-variant全大写后字母缩小显示实例
font-variant全大写后字母缩小显示实例截图

font-variant将文本里英文转为全大写,并以缩小方式显示。

三、CSS text-transform大写小写

1、英文或拼音单词首字母大写
此DIV CSS样式针对每个英文单词或拼音的首个字母实现大写
text-transform : capitalize

2、英文或拼音单词字母全大写
此CSS样式实现无论拼音或单词英文字母都会全部实现转换为大写
text-transform : uppercase

3、英文或拼音单词字母全小写
此DIV+CSS样式实现无论拼音或字母或英文单词,本身是否大写都将转换为全部小写
text-transform : lowercase

4、CSS英文单词大写或小写案例
1)、CSS代码片段:

.shoudaxie{text-transform:capitalize} 
.quandaxie{text-transform:uppercase}
.quanxiaoxie{text-transform:lowercase}

2)、HTML源代码片段:

<div class="shoudaxie"> 
首字母大写ni hao hello
</div>
<div class="quandaxie">
字母全实现大写ni hao hello
</div>
<div class="quanxiaoxie">
字母全实现小写ni HAo hEllo无论字母是否被大写都将被CSS小写
</div>

3)、CSS大写小写(css text-transform)案例截图

css首字母、css字母全大写,css英文字母全小写实例截图
css首字母、css字母全大写,css英文字母全小写实例截图

四、CSS大写与CSS小写总结

这里ThinkCSS介绍了两种CSS样式大写小写,一个是css font-variant实现全大写但字母会被缩小,另外一个是css text-transform实现首字母大写、字母全小写、字母全大写使用与语法。如果要掌握可以复制内蒙古11选五开奖5号的大写小写案例代码亲自实践,灵活运用。

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

日期:2016-02-20 21:28:00 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:ThinkCSS
  • 国乒在日本全面溃败!刘国梁却在参加综艺节目 2019-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 董卿白岩松朱广权 看看央视主持人大学就读啥院系 2019-04-16
  • 第十二届中国(南宁)国际园林博览会相约绿城冬季 2019-04-16
  • 第518期:讨厌萝卜味?它可是抗癌的高手 2019-04-01
  • 这些中药串起来竟然是首诗 知道它们治什么病吗?(图) 2019-04-01
  • 致敬幸福奋斗者:访全国三八红旗手标兵 2019-03-31
  • 2017年我国门诊抗菌药物使用率下降到7.7% 2019-03-29
  • 认为要彩礼是侮辱 男子与妻子结婚不到15分钟就离婚 2019-03-29
  • 续写“八八战略”新篇章 2019-03-28
  • 袁隆平:多养活5亿人是我的梦想研究 水稻 2019-03-28
  • 2018年4月27日划拨国家社科基金项目鉴定费名单(2) 2019-03-24
  • 治脂肪肝不能光靠减肥 2019-03-24