text-transform
: 转换不同元素中的文本
-
none
: 默认值。定义带有小写字母和大写字母的标准文本。
-
capitalize
: 文本中的每个单词以大写字母开头。
-
uppercase
: 定义仅有大写字母。
-
lowercase
: 定义无大写字母,仅有小写字母。
-
inherit
: 规定应该从父元素继承text-transform
属性的值。
<style>
h1 {
text-transform: uppercase
}
p.uppercase {
text-transform: uppercase
}
p.lowercase {
text-transform: lowercase
}
p.capitalize {
text-transform: capitalize
}
</style>
<body>
<h1>This Is An H1 Element</h1>
<p class="uppercase">This is some text in a paragraph.</p>
<p class="lowercase">This is some text in a paragraph.</p>
<p class="capitalize">This is some text in a paragraph.</p>
</body>