1. 犀牛前端部落首页
  2. CSS百科

CSS实现英文单词的首字母大写

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

发表评论

登录后才能评论