text-transform 属性处理文本的大小写

text-transform 属性处理文本的大小写。
这个属性值有 4 个:
none 默认状态
uppercase 将文本转换为全大写
lowercase 将文本转换为全小写
capitalize 对每个单词的首字母大写

.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}
.firstupper {text-transform:capitalize;}


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


结果:
首字母大写 Ni Hao Hello
字母全实现大写NI HAO HELLO
字母全实现小写ni hao hello无论字母是否被大写都将被css小写

你可能感兴趣的:(transform)