[转载]如何让网页英文字母自动显示为大写字母、小写字母、首字母大写或小型大写字母_彭世瑜_新浪博客...

443 阅读1分钟

厉害,受教了

原文地址: 如何让网页英文字母自动显示为大写字母、小写字母、首字母大写或小型大写字母 作者: 昕中的世界

如果,您使用CSS样式表来定义网页的样式。那么,您可以让浏览器强制显示某些英文字母为您想要的样式。

使用“text-transform”这个属性,并赋予一定的值,就可以强制浏览器将英文字母显示为首字母大写、全部大写字母、全部小写字母的外观。

 

**text-transform 值:
**Capitalize 英文拼音的首字母大写
Uppercase 英文拼音字母全大写
Lowercase 英文拼音字母全小写

 

例如:body{text-transform:capitalize}

则表示此网页内的所有英文单词,首字母大写。

 

----------------------------

如果您要让英文显示为小型大写字母。则您需要使用另外一个属性“font-variant”。

 

font-variant 值

normal : 正常的字体
small-caps : 让字母变成小型的大写字母字体并缩小字母

 

例如:body{text-variant:small-caps}

则表示此网页的所有英文单词,使用小型大写字母。