百科狗-知识改变命运!

text-transform - 指定文本字母为大写或者小写 - css 文本样式

乐乐2年前 (2023-11-21)阅读数 26#技术干货
文章标签单词

text-transform

text-transform CSS属性指定如何将元素的文本大写。它可以用于使文本显示为全大写或全小写,也可单独对每一个单词进行操作。

示例

/* Keyword values */
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: none;
text-transform: full-width;

/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: unset;

浏览器支持

IE10以上版本浏览器支持text-transform

语法:

text-transform:none| capitalize| uppercase| lowercase| full-width

取值:

  • none:无转换
  • capitalize:将每个单词的第一个字母转换成大写
  • uppercase:将每个单词转换成大写
  • lowercase:将每个单词转换成小写
  • full-width:将所有字符转换成fullwidth形式。如果字符没有相应的fullwidth形式,将保留原样。这个值通常用于排版拉丁字符和数字等表意符号。(CSS3)

说明:

检索或设置对象中的文本的大小写。

  • 对应的脚本特性为textTransform

text-transform属性考虑特定于语言的案例映射规则,如:

  • 在突厥语中,例如土耳其语(tr),阿塞拜疆语(az),克里米亚Ta语(crh),伏尔加语tar(tt)和巴什基尔语(ba),有两种i,带和不带点,以及两种大小写对: i/İ和ı/ I。
  • 在德语(de)中,ß变为 SS 大写。
  • 在荷兰语(nl)中,有 ij 向图变为 IJ,即使带有 text-transform: capitalize,也仅将单词的首字母大写。
  • 在希腊文(el)中,当整个单词为大写(ά/Α)时,元音会失去重音,但析取式(ή/Ή)除外。另外,在第一个元音上带有重音的双音会丢失该重音,而在第二个元音(άι/ΑΪ)上具有变音符号。
  • 在希腊文(el)中,小写的sigma字符有两种形式:σ和ς。ς仅在sigma终止单词时使用。当应用于 text-transform: lowercase 大写sigma(Σ)时,浏览器需要根据上下文选择正确的小写形式。

在其他一些其他特定的情况下,映射规则不被任何浏览器考虑在内:

  • 在Gaelic(ga)中,当基本首字母大写时,前缀字母保留为小写,因此在此示例中, h-不应将其大写:应 text-transform: uppercase 更改 Meud na h-aplacaid 为 MEUD NA H-APLACAID 违反区域拼字法则的规则 MEUD NA h-APLACAID.语言由 lang HTML属性或 xml:lang XML属性定义。
    • 默认值none
      适用于所有元素
      继承性
      动画性
      计算值指定值

      实例

h1{text-transform:uppercase;}
h2{text-transform:capitalize;}
p{text-transform:lowercase;}

首字母大写(标点)

Initial String (this) “is” [a] –short– -test- «for» *the* _css_ ¿capitalize? ?¡transform!

text-transform: capitalize (this) “is” [a] –short– -test- «for» *the* _css_ ¿capitalize? ?¡transform!

//CSS span { text-transform: capitalize; } strong { float: right; }

初始字符串Lorem ipsum dolor sit amet, consectetur adipisicing elit,...

text-transform - 指定文本字母为大写或者小写 - css 文本样式

文本转换:大写Lorem ipsum dolor sit amet, consectetur adipisicing elit,...

.demo1 span{text-transform: capitalize;}.demo1 strong{float: right;}

首字母大写(符号)

Initial String ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙkl

text-transform: capitalize ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙkl

span{text-transform: capitalize;} strong { float: right; }

初始字符串ⓐⓑⓒ(ⓓⓔⓕ)—ⓖⓗⓘ—ⓙkl

文本转换:大写ⓐⓑⓒ(ⓓⓔⓕ)—ⓖⓗⓘ—ⓙkl

.demo2 span{text-transform: capitalize;}.demo2 strong{float: right;}

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)
{if $zbp->Config('yd1125')->foot}