欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 程序代码 > CSS小课堂:text-transform属性用法讲解
这篇文章主要为大家详细介绍了CSS小课堂:text-transform属性用法讲解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

CSS样式效果里有一个比较特殊的属性存在,这个特殊属性就是今天要给大家介绍的text-transform属性。那么text-transform属性到底是做什么的,有什么作用,又有什么特别的呢?大家别急,下面361模板给大家细致的做个介绍。

首先我们先要了解:CSS中text-transform属性的作用是控制字母的大小写的。text-transform有一下5种常用属性状态:

text-transform : none | capitalize | uppercase | lowercase | inherit

这5种状态属性各代表什么含义下面我们做下介绍:

none :       无转换:默认。定义带有小写字母和大写字母的标准的文本

capitalize :  单词首字母大写:文本中的每个单词以大写字母开头

uppercase :   全大写:定义仅有大写字母

lowercase :   全小写:定义无大写字母,仅有小写字母

inherit:     继承:规定应该从父元素继承 text-transform 属性的值

这里肯定会有不少朋友询问:

1、这些属性对中文汉字有效果吗?回答是对中文无效

2、那么这些现实为大写的英文字母在实际的value值传递上会改变吗?CSS仅仅是改变现实样式,不参与value值的传递和修改,所以传到服务器端的值并不是页面上显示的大写文本,切记。


以上就是CSS小课堂:text-transform属性用法讲解的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: css transform text 母大小写

上一篇PHP小课堂:PHP替换敏感词的写法

下一篇JS通过UA(userAgent)判断跳转

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在