解析text-transform的用法及实例教程

2025-10-26
网站建设限时活动促销

语法: 
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属性。

示例

编辑

p { text-transform : none; }p { text-transform : capitalize; }p { text-transform : uppercase; }p { text-transform : lowercase; }

注意:1.用text-transform只对英文起作用 对于汉字时失效

2.用text-transform 可以用dreamweaver看到即时的效果

text-transform的实例

text-transform_CSS参考手册_web前端开发参考手册系列
  • 将每个单词的首字母转换成大写

    原 文: how do you do.

    转换后: how do you do.

  • 转换成大写

    原 文: how do you do.

    转换后: how do you do.

  • 转换成小写

    原 文: HOW ARE YOU.

    转换后: HOW ARE YOU.

标签: text-transform

本文地址:https://www.lifejia.cn/news/211227.html

免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:cloudinto#qq.com(把#换成@)