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