解析text-transform的用法及实例教程
语法：
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中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
得物使用教程
Mar 21, 2024 pm 01:40 PM
得物APP是当前十分火爆品牌购物的软件，但是多数的用户不知道得物APP中功能如何的使用，下方会整理最详细的使用教程攻略，接下来就是小编为用户带来的得物多功能使用教程汇总，感兴趣的用户快来一起看看吧！得物使用教程【2024-03-20】得物分期购怎么使用【2024-03-20】得物优惠券怎么获得【2024-03-20】得物人工客服怎么找【2024-03-20】得物取件码怎么查看【2024-03-20】得物求购在哪里看【2024-03-20】得物vip怎么开【2024-03-20】得物怎么申请退换货
夏天，一定要试试拍摄彩虹
Jul 21, 2024 pm 05:16 PM
夏天雨后，经常能见到一种美丽且神奇的特殊天气景象——彩虹。这也是摄影中可遇而不可求的难得景象，非常出片。彩虹出现有这样几个条件：一是空气中有充足的水滴，二是太阳以较低的角度进行照射。所以下午雨过天晴后的一段时间内，是最容易看到彩虹的时候。不过彩虹的形成受天气、光线等条件的影响较大，因此一般只会持续一小段时间，而最佳观赏、拍摄时间更为短暂。那么遇到彩虹，怎样才能合理将其记录下来并拍出质感呢？1.寻找彩虹除了上面提到的条件外，彩虹通常出现在阳光照射的方向，即如果太阳由西向东照射，彩虹更有可能出现在东
photoshopcs5是什么软件？-photoshopcs5使用教程
Mar 19, 2024 am 09:04 AM
PhotoshopCS是PhotoshopCreativeSuite的缩写，由Adobe公司出品的软件，被广泛用于平面设计和图像处理，作为新手学习PS，今天就让小编为您解答一下photoshopcs5是什么软件以及photoshopcs5使用教程。一、photoshopcs5是什么软件AdobePhotoshopCS5Extended是电影、视频和多媒体领域的专业人士,使用3D和动画的图形和Web设计人员,以及工程和科学领域的专业人士的理想选择。呈现3D图像并将它合并到2D复合图像中。轻松编辑视
专家教你！华为手机截长图的正确方法
Mar 22, 2024 pm 12:21 PM
随着智能手机的不断发展，手机的功能也变得越来越强大，其中截长图功能成为了许多用户日常使用的重要功能之一。截长图可以帮助用户将一个较长的网页、对话记录或者图片一次性保存下来，方便查阅和分享。而在众多手机品牌中，华为手机也是备受用户推崇的一款品牌之一，其截长图功能也备受好评。本文将为大家介绍华为手机截长图的正确方法，以及一些专家技巧，帮助大家更好地利用华为手机的
PHP 中点的含义和用法解析
Mar 27, 2024 pm 08:57 PM
【PHP中点的含义和用法解析】在PHP中，中点（.）是一个常用的操作符，用于连接两个字符串或者对象的属性或方法。在本文中，我们将深入探讨PHP中点的含义和用法，并通过具体的代码示例加以说明。1.连接字符串中点操作符.在PHP中最常见的用法是连接两个字符串。通过将.放置在两个字符串之间，可以将它们拼接在一起，形成一个新的字符串。$string1=&qu
PHP教程：如何将int类型转换为字符串
Mar 27, 2024 pm 06:03 PM
PHP教程：如何将int类型转换为字符串在PHP中，将整型数据转换为字符串是一种常见的操作。本教程将介绍如何使用PHP内置的函数将int类型转换为字符串，同时提供具体的代码示例。使用强制类型转换：在PHP中，可以使用强制类型转换的方式将整型数据转换为字符串。这种方法非常简单，只需要在整型数据前加上(string)即可将其转换为字符串。下面是一个简单的示例代码
Win11新功能解析：跳过登录微软账户的方法
Mar 27, 2024 pm 05:24 PM
Win11新功能解析：跳过登录微软账户的方法随着Windows11的发布，许多用户发现其带来了更多的便捷和新功能。然而，有些用户可能不喜欢将其系统与微软账户绑定，希望跳过这一步骤。本文将介绍一些方法，帮助用户在Windows11中跳过登录微软账户，实现更加私密和自主的使用体验。首先，我们来了解一下为什么有些用户不愿意登录微软账户。一方面，一些用户担心他们
