CSS text-transform 属性

text-transform 属性控制文本的大小写,让我们来看看效果吧。

<h1 style="text-transform: none;">Google search</h1>   <!--默认显示-->

Google search

<h1 style="text-transform: capitalize;">Google search</h1>   <!--每个单词的第一个字母大写-->

Google search

<h1 style="text-transform: uppercase;">Google search</h1>   <!--整个文本转换成大写-->

Google search

<h1>Google se<span style="text-transform: uppercase;">a</span>rch</h1>   <!--把小写字母a转换成大写-->

Google search

<h1 style="text-transform: lowercase;">GOOGLE SEARCH</h1>   <!--整个文本转换成小写-->

GOOGLE SEARCH

 注意:所有浏览器都支持 text-transform 属性。