当前阅读教程:CSS入门到精通 > 文本的大小写 text-transform | |||||||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||||||
上一篇: 文本缩进 text-indent | 下一篇: 文本是否被重写 unicode-bidi | ||||||||||||||||||||
属性定义及使用说明text-transform 属性控制文本的大小写。
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 属性值
示例代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>文本的大小写 text-transform</title> <!--定义内部样式--> <style> .css01{ text-transform:uppercase;/*仅有大写字母。*/ } .css02{ text-transform:lowercase;/*定义无大写字母,仅有小写字母。*/ } .css03{ text-transform:capitalize; /*文本中的每个单词以大写字母开头。*/ } </style> </head> <body> <!--没有缩进--> <h2> (默认)HUANG ju hua. </h2>
<h2> (仅有大写字母)HUANG ju hua. </h2>
<h2> (仅有小写字母)HUANG ju hua. </h2>
<h2> (每个单词以大写字母开头)HUANG ju hua. </h2> </body> </html> 效果图 |
|||||||||||||||||||||
上一篇: 文本缩进 text-indent | 下一篇: 文本是否被重写 unicode-bidi |