语法:
text-transform : none | capitalize | uppercase | lowercase
参数:
none : 无转换发生
capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生
uppercase : 转换成大写
lowercase : 转换成小写
说明:
检索或设置对象中的文本的大小写。
对应的脚本特性为textTransform。请参阅我编写的其他书目。
text-transform和font-variant区别
text-transform和font-variant都能把英文文本转换大小写。但是font-variant唯一的作用就是把英文文本转换成“小型”大写字母文本,注意这是“小型”的。一般极少用到font-variant属性,对于英文的大小写转换,我们用的是text-transform属性,而不是用font-variant属性。
示例
编辑
div { text-transform : none; } div { text-transform : capitalize; } div { text-transform : uppercase; } div { text-transform : lowercase; }
注意:1.用text-transform只对英文起作用 对于汉字时失效
2.用text-transform 可以用dreamweaver看到即时的效果
text-transform的实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>text-transform_CSS参考手册_web前端开发参考手册系列</title> <style> .capitalize span{text-transform:capitalize;} .uppercase span{text-transform:uppercase;} .lowercase span{text-transform:lowercase;} </style> </head> <body> <ul> <li> <strong>将每个单词的首字母转换成大写</strong> <div>原 文: <span>how do you do.</span></div> <div>转换后: <span>how do you do.</span></div> </li> <li> <strong>转换成大写</strong> <div>原 文: <span>how do you do.</span></div> <div>转换后: <span>how do you do.</span></div> </li> <li> <strong>转换成小写</strong> <div>原 文: <span>HOW ARE YOU.</span></div> <div>转换后: <span>HOW ARE YOU.</span></div> </li> </ul> </body> </html>
以上是解析text-transform的用法及实例教程的详细内容。更多信息请关注PHP中文网其他相关文章!

前几天我得到了这个问题。我的第一个想法是:奇怪的问题!特异性是关于选择者的,而在符号不是选择器,那么...无关紧要?

在这篇文章中,我们将使用我构建和部署的电子商务商店演示来进行Netlify,以展示如何为传入数据制作动态路线。这是一个公平的


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

Atom编辑器mac版下载
最流行的的开源编辑器

Dreamweaver Mac版
视觉化网页开发工具