CSS定义字母全部大写或小写的方法

夏天,他把手中的魔法棒轻轻一挥,带给咱们一片充满活力的蓝色。你瞧,蓝蓝的天空飘着朵朵白云,远处,蔚蓝的大海在夏风的吹拂下,卷起层层浪花。

在css样式代码中有一个 text-transform 属性,此属性可以强制改变其控制的元素中内容中字母的大小状态,具体的使用方法参考下面的内容。

CSS  text-transform 属性

text-transform:控制文本中字母的大小写。

属性值:

none:默认,展示默认的文本内容!

capitalize:每个英文单词以大字字母开头!

uppercase:定义所有的字母为小写形式!

lowercase:定义所有字母为大写形式!

CSS  text-transform 属性的用法

1、CSS 强制所有的字母大写的方法

html代码:

<p style="text-transform: uppercase">FeiNiaoMy.com</p>

输出:

FEINIAOMY.COM

2、CSS强制所有的字母小写的方法

html代码:

<p style="text-transform: lowercase">FeiNiaoMy.com</p>

输出:

feiniaomy.com

本文CSS定义字母全部大写或小写的方法到此结束。别让情绪左右着你的每一天小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
HTML标签之!DOCTYPE文档类型声明

如何使用html+css代码如何实现冰墩墩和雪容融效果

html中checkbox与radio样式美化的简单实例

div设置可编辑内容的方法

css设置placeholder的颜色样式的方法