css text-transform属性

定义

text-transform 属性控制文本的大小写。不论源文档中文本的大小写，这个属性都会改变元素中的字母大小写。

属性

值	描述
none	默认。
capitalize	设置元素中的每个单词都以大写字母开头。
uppercase	元素中的单词全部设置为大写字母。
lowercase	元素中的单词全部设置为小写字母。

 

 

 

 

 

 

实例

①、text-transform: capitalize；单词首字母大写

<p class="capitalize">hello world</p>

.capitalize{
    text-transform: capitalize;
}

结果：
Hello World

②、text-transform: uppercase；全部设置为大写

<p class="uppercase">heLlo woRld</p>

.uppercase{
    text-transform: uppercase;
}

结果：
HELLO WORLD

③、text-transform: lowercase；全部设置为小写

<p class="lowercase">heLlo woRlD</p>

.lowercase{
    text-transform: lowercase;
}

结果：
hello world

完