CSS 里的 text-transform
属性可以改变英文字母的大小写。 使用这个属性时,我们无需改变 HTML 元素中的文本也可以统一页面里英文的显示。
下面的表格展示了 text-transform
的不同值对文字 “Transform me” 的影响:
值 | 结果 |
---|---|
lowercase |
"transform me" |
uppercase |
"TRANSFORM ME" |
capitalize |
"Transform Me" |
initial |
使用默认值 |
inherit |
使用父元素的 text-transform 值。 |
none |
Default:不改变文字。 |