css text-transform属性怎么用


本文摘自PHP中文网,作者silencement,侵删。

定义和用法

text-transform属性控制文本的大小写。

说明

这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。如果值为 capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于用户代理如何识别出各个“词”。

65542e404737d25f583630be670b52b.png

实例,转换不同元素中的文本

1

2

3

4

5

6

7

8

9

h1 {

text-transform:uppercase

}

h2 {

text-transform:capitalize

}

p {

text-transform:lowercase

}

提示和注释

注释:不同的用户代理可能会用不同的方法来确定单词从哪里开始,相应地确定哪些字母要大写。例如,文本 "w3-school" 可以用两种方式显示:"W3-school" 和 "W3-School"。CSS 并没有规定哪一种是正确的,所以这两种都是可以的。

可能的值

7cc422d95e12749ecb4e10c47944a69.png


以上就是css text-transform属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

什么是css样式层叠表

css text-indent属性怎么用

css怎么设置图片拉伸不重复

ie9不能读取外部css样式怎么办

css如何实现文字外发光效果

css怎么把字体加粗加大

html5 border属性怎么设置?html5 table中的border属性介绍

css子元素如何相对父元素定位?

css的字体样式如何设置

css如何获取第几个元素

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...