text-transform 文本大小写转换

1、版本：CSS1/3 ，检索或设置对象中的文本的大小写。

2、语法：text-transform：none | capitalize | uppercase | lowercase | full-width

3、默认值：none、适用于：所有元素、继承性：有、动画性：否、none：无转换

4、capitalize：将每个单词的第一个字母转换成大写

5、uppercase：将每个单词转换成大写

6、lowercase：将每个单词转换成小写

7、full-width：将所有字符转换成fullwidth形式。如果字符没有相应的fullwidth形式，将保留原样。这个值通常用于排版拉丁字符和数字等表意符号。（CSS3）

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8"/>
<title>visibility 样式</title>
<style>
</style>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">$(function () {$("#up").click(function () {$("div").css("text-transform","uppercase");});$("#low").click(function () {$("div").css("text-transform","lowercase");});$("#cap").click(function () {$("div").css("text-transform","capitalize");});});
</script>
</head>
<body>
<div>
how do you do,HOW ARE YOU. where is 万里长城 ? Nice.
</div>
<br>
<button id="up">全部转为大写</button>
<button id="low">全部转为小写</button>
<button id="cap">首字母转大写</button>
</body>
</html>

input checkbok 大小设置

/*调整所有复选框的大小，不用带单位，后面的 transform 是为了兼容浏览器兼容
zomm：针对chrome
-moz-transform：针对firefox
-ms-transform:针对IE
-webkit-transform：针对safair
-o-transform:针对Opera */
input[type='checkbox'] {zoom: 1.3;-moz-transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);
}

letter-spacing 设置字符间距

1、letter-spacing 属性增加或减少字符间的空白（字符间距），允许使用负值，这会让字母之间挤得更紧。

值	描述
normal	默认。规定字符间没有额外的空间。
length	定义字符间的固定空间（允许使用负值）。
inherit	规定应该从父元素继承 letter-spacing 属性的值。

2、在线演示源码：https://github.com/wangmaoxiong/red-door/blob/master/src/test/resources/html/neonLights.html

text-transform 文本大小写转换、input checkbok 大小设置、letter-spacing 设置字符间距相关推荐

文本输入框input实现字母大小写转换
文本输入框input实现字母大小写转换,方法有两种: 1.通过js的onkeyup实现字母大小写转换 <input type="text" onkeyup="thi ...
VIM使用系列：转换文本大小写
2019独角兽企业重金招聘Python工程师标准>>> 今天进行开发时,从网上摘了一段AVI数据结构代码,使用的是windows下的匈牙利命名法,数据类型也是windows下的DWO ...
HTML---文本样式---行高---字符间距---文本对齐方式---文本使用线条修饰---文本的大小写---处理元素内的空白---字体样式---无序列表有序列表---表格
文章目录文本样式 color direction line-height letter-spacing text-align text-indent text-decoration text-tra ...
VS Code中设置大小写转换功能
VS Code 中没有像webstrom中的大小写的快捷键的设置,要实现这样的功能只能进行设置: 在vscode左下角的设置选项中,选中键盘快捷键一项(或者快捷键 ctrl+k ctrl+s),然后在 ...
python字符串的大小写转换
字符串的大小写转换操作: upper():把字符串中所有字符都转换成大写字母,转换的结果是新的字符串对象(即id不同) lower():把字符串中所有字符都转换成小写字母,转换的结果是新的字符串对象( ...
英文文本大小写的转换
英文文本大小写的转换 python3.6 #英文文文本预处理全部转换为小写 txt="文本内容,例如:Hello world!" print(txt.lower())
【字符串的定义】【判断类型】【查找和替换】【大小写转换】【文本对齐】【去除空白字符】【拆分和连接】【字符串切片重点】【倒序切片】【内置函数】【for 循环语法 break】
文章目录字符串的定义字符串的常用操作判断类型 - 9 查找和替换 - 7 大小写转换 - 5 文本对齐 - 3 去除空白字符 - 3 拆分和连接 - 5 字符串的切片重点索引的顺序和倒序 * ...
linux 使用vim列转行以及文本英文大小写转换
linux 使用vim列转行以及文本英文大小写转换 vim列转行 vim 打开文件将文件所有行合并到一行打开文件后下执行: ggvGJ 参数介绍 gg 用于跳到行首 v 转换成visual 模式 G ...
100天精通Python（数据分析篇）——第71天：Pandas文本数据处理方法之str/object类型转换、大小写转换、文本对齐、获取长度、出现次数、编码
文章目录 1. 文本数据类型介绍 1)类型介绍 2)类型转换 3)类型区别区别1:统计字符串时区别2:检查字符串时 2. Python字符串内置方法 1) 大小写转换 2) 文本对齐 3)获取长度 ...
html文字下排输入,HTML input text单行文本输入框简介说明
摘要: 下文讲述html代码中input type='text'时的相关属性简介说明,如下所示: input type='text' 简介当 input标签中 type='text'时,代表此标签是 ...

text-transform 文本大小写转换、input checkbok 大小设置、letter-spacing 设置字符间距

text-transform 文本大小写转换

input checkbok 大小设置

letter-spacing 设置字符间距

text-transform 文本大小写转换、input checkbok 大小设置、letter-spacing 设置字符间距相关推荐

最新文章

热门文章