HTML用css把英文字母改大,CSS转换英文大小写text-transform属性

【实例介绍】

CSS转换英文大小写text-transform

英文字母大小写转换是CSS提供的很实用的功能，只需要设置英文段落的text-transfrom属性，就可以用来转换英文字母的大小写。

【基本语法】

text-transform：转换值

【语法介绍】

text-transform包括以下取值范围。

none：表示使用原始值。

lowercase：表示使每个词的所有字母小写。

uppercase：表示使每个单词的所有字母大写。

capitalize：表示使每个单词的第一个字母大写。

【实例代码】

无标题文档

.CSS { font-family: Arial;

font-size: 20px;

text-transform: uppercase;

}

.CSS1 { font-family: Arial;

font-size: 20px;

text-transform: lowercase;

}

.CSS2 { font-family: Arial;

font-size: 20px;

text-transform: capitalize;

}

.CSS3 { font-family: Arial;

font-size: 20px;

text-transform: none;

}

good-morning

【代码分析】

在代码中，加粗的标记中定义了4种样式，text-transform属性分别设置为uppercase(所有字母大写)、

lowercase(所有字母小写)、capitalize(第一个字母大写)、none(原始值)，在浏览中预览效果，如图所示。

【素材及源码下载】

HTML用css把英文字母改大,CSS转换英文大小写text-transform属性相关推荐

HTML用css把英文字母改大,css font-variant全大写并缩小英文字母字体
使用DIV+CSS让英文单词全大写之CSS font-variant英文字母全大写后缩小字体篇平时我们会遇到在一篇文章中遇到英文单词或英文字母,但又想让这些字母无论是半角小写还是大写,统一让这些英文 ...
c++ 编一程序，输入一行字符串，将其中的大写英文字母改为小写，再输出。
#include <iostream> #include <cstring> using namespace std; //3.编一程序,输入一行字符串,将其中的大写英文字母改 ...
从键盘输入一个英文字母，如果它是大写英文字母，则将其转换为小写英文字母，如果它是小写英文字母，则将其转换为大写英文字母，然后将它及其ASCII码值显示到屏幕上，如果不是英文字母，则不转换直接输出到屏幕
从键盘输入一个英文字母,如果它是大写英文字母,则将其转换为小写英文字母,如果它是小写英文字母,则将其转换为大写英文字母,然后将它及其ASCII码值显示到屏幕上,如果不是英文字母,则不转换直接输出到屏幕 ...
输入一个大写英文字母，输出小写英文字母；输入一个小写英文字母输出一个大写英文字母
题目:编写程序,从键盘输入一个英文字母.如果是大写字母,则输出它对应的小写字母:如果是小写字母,则输出它对应的大写字母. 题目来源c语言程序设计第二版电子科技大学出版社P90编程题t2 对于转换字母大 ...
正则表达式：以英文字母开头，只能包含英文字母、数字、下划线
//以英文字母开头,只能包含英文字母.数字.下划线 ^[a-zA-Z][a-zA-Z0-9_]*$ //只能包含英文字母.数字.下划线 ^[a-zA-Z0-9_]+$ //过滤非法字符 [@/'&qu ...
24个笔画顺序表田字格_练字丨衡水体26个英文字母写法大揭秘，多拿10分卷面不费劲儿！...
"衡水体"实质上是衡水中学学生书写的手写印刷体, 随着中考高考电子阅卷的普及,采用简洁.工整.快速的字体进行书写成为必需,极大地迎合了阅卷老师心理和电脑显示特点.一定程度上有助于大 ...
python电话号码转换英文字母_用python实现英文字母和相应序数转换的方法
第一步:字母转数字英文字母转对应数字相对简单,可以在命令行输入一行需要转换的英文字母,然后对每一个字母在整个字母表中匹配,并返回相应的位数,然后累加这些位数即可.过程中,为了使结果更有可读性,输出相 ...
python英文字母转特定数字_用python实现英文字母和相应序数转换的方法
第一步:字母转数字英文字母转对应数字相对简单,可以在命令行输入一行需要转换的英文字母,然后对每一个字母在整个字母表中匹配,并返回相应的位数,然后累加这些位数即可.过程中,为了使结果更有可读性,输出相 ...
英文字母html,利用HTML5实现英文字母ABCD动画特效
特效描述:利用HTML5实现英文字母 ABCD 动画特效.利用HTML5实现英文字母ABCD动画特效代码结构 1. HTML代码 function foreach(array, callback) ...
android8.0大写英文字母,Android EditTextView 设置输入英文字母全部大写
1. EditTextView 继承自TextView 2. TextView 下面有一个方法 :setTransformationMethod,这个方法接受参数类型为: Transformation ...

HTML用css把英文字母改大,CSS转换英文大小写text-transform属性

HTML用css把英文字母改大,CSS转换英文大小写text-transform属性相关推荐

最新文章

热门文章