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

我不是女神ヾ 2022-10-05 11:58 284阅读 0赞

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 ##

结果图

![d4b8b611d4abe663402cc75aa73eb399.png][]

uppercase文本设置为大写。

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

代码块

设置文本的大小写

h2\{

text-transform: uppercase;

\}

## success is not defeating others, but changing yourself ##

结果图

![26ffe8c088b2ef709181b1839ae2f6dc.png][]

lowercase文本设置为大写。

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

代码块

设置文本的大小写

h2\{

text-transform: lowercase;

\}

## SUCCESS IS NOT DEFEATING OTHERS, BUT CHANGING YOURSELF ##

结果图

![ccdc4238f3427bf09d9ae3ae625dcd9e.png][]

总结

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

内容来源于网络如有侵权请私信删除

[d4b8b611d4abe663402cc75aa73eb399.png]: /images/20221005/9f4091a8fac748e08358a8a2a4f0957e.png
[26ffe8c088b2ef709181b1839ae2f6dc.png]: /images/20221005/545211a12da443a48efe0f4cdaafcf00.png
[ccdc4238f3427bf09d9ae3ae625dcd9e.png]: /images/20221005/efb60ae6948b41f4857f60ba8f0ca2f7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

相关在Django中如何去除HTML文本字符串中的HTML标签

1、在Python中去除HTML标签： from django.utils.html import strip_tags desc = s

迷南。/ 2023年02月19日 12:26/ 0 赞/ 2 阅读

相关把html设置为桌面项目_如何设置您HTML网站项目

把html设置为桌面项目 [How To Build a Website With HTML][] [如何使用HTML构建网站][How To Build a Website

迈不过友情╰/ 2022年11月28日 15:22/ 0 赞/ 169 阅读

相关把html设置为桌面项目_如何设置HTML项目

把html设置为桌面项目 [How To Build a Website With HTML][] [如何使用HTML构建网站][How To Build a Website

痛定思痛。/ 2022年11月28日 15:21/ 0 赞/ 197 阅读

相关 html如何设置div的边框颜色

html如何设置div的边框颜色边框颜色样式边框颜色样式设置缩写简化边框颜色样式 border-color:000（设置4

Dear 丶/ 2022年11月07日 05:47/ 0 赞/ 218 阅读

相关 mysql 大写小写_MySQL大小写问题

最近在将一个windows的mysql数据库转到linux上时，碰到表找不到问题，具体分析了下后发现原来是大小写问题。在 MySQL 中，数据库和表对就于那些目录下的目录和

忘是亡心i/ 2022年11月05日 03:06/ 0 赞/ 157 阅读

相关 html复选框文字大小设置,在html中如何设置复选框checkbox的大小？

checkbox那个框的样子是不会变大的，但触发区域可以通过你设置width height样式变大。对那个框样子不满意的话，可以将它透明度设为0，下面放一个样式中意的div，这

た入场券/ 2022年10月06日 10:57/ 0 赞/ 311 阅读

相关 html字符串字母小写,c字符串大写转小写 c语言输入大写的字母转成小写.

c语言编程：字符串中大小写字母转换思路：利用对应大小写字符的ASCII码相差32，则遍历输入的字符串，判断每个字符是大写字母还是小写字母，如果是大写字母则自加32就是对应的

拼搏现实的明天。/ 2022年10月06日 10:56/ 0 赞/ 214 阅读

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

text-transform属性介绍 text-transform属性就是设置HTML页面中的标签里面的文本大小写，text-transform属性常用的属性值有三种：cap

我不是女神ヾ/ 2022年10月05日 11:58/ 0 赞/ 285 阅读

相关 HTML复习之用HTML设置文本

今日目录 1、HTML基本结构 2、文本排版 3、设置文字列表 4、HTML标记与

本是古典何须时尚/ 2022年05月25日 08:30/ 0 赞/ 342 阅读

相关 html中如何设置超链接的样式

设置超链接的样式示例： a:link 超链接被点前状态 a:visited 超链接点击后状态 a:hover 悬停在超链接时

小灰灰/ 2020年05月14日 10:38/ 0 赞/ 1067 阅读