CSS:文本转换 text-transform属性,字,字母大写转小写,小写转大写

英文字母的大小写转换,是CSS提供的非常实用的功能之一,
文本的大小写转换在空格处理之后进行。文本转换对中文无效,
因为中文不存在大小写。

在CSS中,使用 text-transform属性来对文本进行大小写转换,
取值为 none | capitalize | uppercase | lowercase | full-width,默认为 none。

由于不同的浏览器,对单词的理解可能不同。比如,对于文本“text-transform”,Google Chrome浏览器会把它整体看作一个单词,而Firefox浏览器把它看作是“text”和“ransform”两个单词,中间用连字符连接。

因此,在 text-transform属性取值为 capitalize 时,在Google Chrome中得到的结果是 “Text-Transform”,而在Firefox中得到的结果是“Text-transform”。而CSS规范并没有明确规定使用哪一种转换方式,所以它们都是正确的结果。
 

<p class="capitalize">text-transform: capitalize</p>  

.capitalize{
    text-transform: uppercase;
}

猜你喜欢

转载自blog.csdn.net/jieweiwujie/article/details/126647028