css text-transform大小写转化

时间:2016-07-05
css text-transform 属性控制文本的大小写，所有主流浏览器都支持text-transform属性。本文章向大家介绍css text-transform转换文本的大小写的使用方法和基本使用实例，需要的朋友可以参考一下。

在CSS中，使用text-transform属性来转换文本的大小写，这个是针对英文而言，因为中文不存在大小写之分。

text-transform介绍

语法：

text-transform:属性值;

属性值：

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

text-transform实例

转换不同元素中的文本：

<!DOCTYPE html>
<html>
<head>
<style>
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
</style>
</head>

<body>
<p class="uppercase">This is some text.</p>
<p class="lowercase">This is some text.</p>
<p class="capitalize">This is some text.</p>
</body>
</html>

在线运行

随机文章
WEB前端知识点必读
最近更新