您的位置首页百科知识

如何使用CSS3属性text-transform设置文本大小写

如何使用CSS3属性text-transform设置文本大小写

的有关信息介绍如下:

如何使用CSS3属性text-transform设置文本大小写

CSS3样式属性text-transform,可以用来设置文本中大小写字母,对应的属性值有:

(1)capitalize:首字母大写

(2)lowercase:全部转换成小写字母

(3)uppercase:全部转换成大写字母

(4)none:不做改变

下面利用一个实例说明text-transform属性的用法,操作如下:

第一步,双击打开HBuilder编辑工具,新建静态页面textTransform.html,如下图所示:

第二步,在标签元素内,插入一个按钮和四个输入框,利用Bootstrap设置它们的样式,如下图所示:

第三步,在jquery初始化函数内,编写按钮单击事件,分别设置三个输入框的文本属性,如下图所示:

第四步,保存代码并预览该静态页面,在输入框中输入内容,然后点击按钮,查看其他输入框显示内容,如下图所示:

第五步,再添加一个输入框设置id属性值为txt4,添加文本属性设置,如下图所示:

第六步,利用angularjs中的控制器设置按钮单击事件以及传输的值,并再次预览,如下图所示: