您现在的位置是:首页 > 博客网站制作 > CSS3|Html5CSS3|Html5

CSS3文本(二)—text-transform文本大小写转换

杨青2013-08-02【CSS3|Html5】人已围观

简介text-transform文本大小写转换text-transform:none | capitalize | uppercase | lowercase,text-transform:capitalize将每个单词的第一个字母转换成大写;text-transform:capitalize 将每个单词的第一个字母转换成大写

text-transform文本大小写转换

说明:text-transform 属性处理文本的大小写。这个属性有 4 个值:

语法:text-transform:none(默认值) | capitalize | uppercase | lowercase

1)  text-transform:none  /*  默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。 */ 

2)  text-transform:capitalize  /* 将每个单词的第一个字母转换成大写 */ 

3)  text-transform:uppercase  /* 转换成大写 */ 

4)  text-transform:lowercase  /*  转换成小写 */ 

h1 {text-transform: uppercase}

使用 text-transform 有两方面的好处。首先,只需写一个简单的规则来完成这个修改,而无需修改 h1 元素本身。其次,如果您以后决定将所有大小写再切换为原来的大小写,可以更容易地完成修改。

Tags:CSS3文本   CSS3   文本   text-transform   大小写转换

很赞哦! ()

文章评论

站点信息

  • 建站时间:2011年01月12日
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计625篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们