CSS3文本(二)—text-transform文本大小写转换

2024年04月14日 CSS3文本 CSS3 文本 text transform 大小写转换 懒猪技术

text-transform文本大小写转换

说明:text-transform 属性处理文本的大小写。这个属性有 4 个值:

语法:text-transform:none(默认值) | capitalize | uppercase | lowercase

1) text-transform:none /* 默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。 */

2) text-transform:capitalize /* 将每个单词的第一个字母转换成大写 */

3) text-transform:uppercase /* 转换成大写 */

4) text-transform:lowercase /* 转换成小写 */

h1 {text-transform: uppercase}

使用 text-transform 有两方面的好处。首先,只需写一个简单的规则来完成这个修改,而无需修改 h1 元素本身。其次,如果您以后决定将所有大小写再切换为原来的大小写,可以更容易地完成修改。

CSS3文本 CSS3 文本 text-transform 大小写转换

本文链接:http://so.lmcjl.com/news/2085/

展开阅读全文
相关内容