css中文字全部大写

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中提供了text-transform属性可以将文字全部大写,在CSS中书写如下:p { text-transform: uppercase; } 这个属性可以用于各种元素,不仅仅是p标签。tex

CSS中提供了text-transform属性可以将文字全部大写,在CSS中书写如下:

p {
  text-transform: uppercase;
} 

这个属性可以用于各种元素,不仅仅是p标签。text-transform属性有四个取值:

  • uppercase: 将所有字母转换成大写字母
  • lowercase: 将所有字母转换成小写字母
  • capitalize: 将每个单词的首字母转换成大写字母
  • none: 不进行转换

在使用时,可以根据需要进行设置:

h1 {
  text-transform: capitalize;
}

a {
  text-transform: uppercase;
} 

需要注意的是,在CSS进行大写转换时,对CJK字符(中日韩字符)不会有效果。

除了在CSS中转换文字大小写,还可以在JavaScript中使用toUpperCase()和toLowerCase()方法进行转换。

var str = "hello, world";
console.log(str.toUpperCase()); // 输出 "HELLO, WORLD"
console.log(str.toLowerCase()); // 输出 "hello, world" 

当然,在HTML标记中书写全部大写字母也是一种方式,但不建议这么做,因为在语义化上HTML应该关注内容而不是表现。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中文字全部大写

粉丝

0

关注

0

收藏

0

已有0次打赏