HTML设置大写的小写字母,如何在HTML中设置文本的大小写

如何在HTML中设置文本的大小写

text-transform属性介绍

text-transform属性就是设置HTML页面中的标签里面的文本大小写，text-transform属性常用的属性值有三种：capitalize、uppercase、lowercase，不常用的属性值在这笔者就不进行一一说明了。

text-transform属性值说明表

属性值

描述

none

默认。定义带有小写字母和大写字母的标准的文本。

capitalize

将英文字母的首字母设置为大写。

uppercase

将英文字母设置为大写。

lowercase

将英文字母设置为小写。

inherit

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

capitalize首字母设置为大写。

让我们进入text-transform属性的属性值为capitalize实践，实践内容如：笔者将HTML页面中的h2标签中的文本首字母设置为大写。

代码块

设置文本的大小写

h2{

text-transform: capitalize;

}

success is not defeating others, but changing yourself

结果图

uppercase文本设置为大写。

让我们进入text-transform属性的属性值为uppercase实践，实践内容如：笔者将HTML页面中的h2标签中的文本小写的英文设置为大写。

代码块

设置文本的大小写

h2{

text-transform: uppercase;

}

success is not defeating others, but changing yourself

结果图

lowercase文本设置为大写。

让我们进入text-transform属性的属性值为lowercase实践，实践内容如：笔者将HTML页面中的h2标签中的文本大写的英文设置为小写。

代码块

设置文本的大小写

h2{

text-transform: lowercase;

}

SUCCESS IS NOT DEFEATING OTHERS, BUT CHANGING YOURSELF

结果图

总结

text-transform属性只对英文起作用，不支持中文哦。

原文链接:https://www.cnblogs.com/lq0001/p/11878507.html

如有疑问请与原作者联系

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com

特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有