CSS 转换文本大小写

<html>
<head>
<style type="text/css">
  h1 {text-transform: uppercase} /*全部大写*/
  p.uppercase {text-transform: uppercase} /*全部大写*/
  p.lowercase {text-transform: lowercase} /*全部小写*/
  div.capitalize {text-transform: capitalize} /*首字母大写*/
</style>
</head>
<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>
<div class="capitalize">This is some text in a paragraph.</div>
</body>
</html>
text-transform: uppercase; /**单行范例**/
描述
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。

0 条评论

昵称

沙发空缺中,还不快抢~