Web速查-索引

text-transform

定义

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

语法

text-transform:none|capitalize|uppercase|lowercase|inherit;

属性值

描述
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style>
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}
.capitalize {text-transform:capitalize;}
</style>
</head>
<body>
<p class="uppercase">nitian.web3v.vip</p>
<p class="lowercase">nitian.web3v.vip</p>
<p class="capitalize">nitian.web3v.vip</p>
</body>
</html>

nitian.web3v.vip

nitian.web3v.vip

nitian.web3v.vip

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
1.0 1.0 1.0 4.0