text-transform 属性用来控制文本的大小写,是CSS2.1的属性,兼容性问题不大。
属性值是关键字,有4+1种,这个1是实验性属性值。
/* Keyword values */
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: none;
text-transform: full-width;
capitalize
这个关键字强制每个单词的首字母转换为大写。
uppercase
这个关键字强制所有字符被转换为大写。
lowercase
这个关键字强制所有字符被转换为小写。
none
这个关键字阻止所有字符的大小写被转换。
full-width (实验性属性值)
这个关键字强制字符 — 主要是表意字符和拉丁文字 — 书写进一个方形里,并允许它们按照一般的东亚文字(比如中文或日文)对齐。
除了以上,还有一些基本上不会用到的默认值等,就不多说了。
/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: unset;
原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2701.html