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>

在线运行

上一页 下一页

原文地址:http://www.manongjc.com/article/1140.html