文本转换

这个文本转换CSS属性指定如何将元素的文本大写。它可以用于使文本全部大写或全部小写,或者每个单词都大写。它还可以帮助提高ruby的易读性。

试试看

这个文本转换属性考虑特定于语言的案例映射规则,例如:

  • 用突厥语,比如土耳其语(信托收据),阿塞拜疆(美国航空航天局)克里米亚鞑靼人(crh(crh))伏尔加鞑靼(tt公司)和巴什基尔(文学士),有两种、带和不带点,以及两个大小写对:/İı/.
  • 德语(判定元件),的ß成为不锈钢大写。
  • 荷兰语(荷兰),的ij公司有向图变为IJ公司,即使有文本转换:大写,它只将单词的第一个字母大写。
  • 用希腊语(埃尔),当整个单词为大写时,元音将失去其重音(ά/Α),除了析取的eta(ή/Ή). 此外,第一个元音上带重音的双元音会失去重音,而第二个元音会得到分音(άι/ΑΪ).
  • 用希腊语(埃尔),小写sigma字符有两种形式:σς.ς仅在sigma终止单词时使用。申请时文本转换:小写转换为大写sigma(Σ),浏览器需要根据上下文选择正确的小写形式。
  • 用爱尔兰语(加仑),当基本首字母大写时,某些前缀字母仍保持小写,例如文本转换:大写将更改阿昂·塔利AR AON tSLí但并不像人们预期的那样,AR AON TSLí(仅限Firefox)。在某些情况下,还会在大写字母上删除连字符:请柬转换为一辆旅行车(连字符由正确重新插入文本转换:小写).

语言由HTML属性或xml:langXML属性。

注:对特定于语言的情况的支持因浏览器而异,因此请检查浏览器兼容性表.

语法

css公司
/*关键字值*/
文本转换以下为:没有人;
文本转换以下为:资本化;
文本转换以下为:大写;
文本转换以下为:小写;
文本转换以下为:全幅的;
文本转换以下为:全尺寸假名;

/*全局值*/
文本转换以下为:继承;
文本转换以下为:最初的;
文本转换以下为:恢复;
文本转换以下为:回复层;
文本转换以下为:未设置;
资本化

是转换第一个每个单词的大写字母。其他字符保持不变(它们保留在元素文本中写入的原始大小写)。字母被定义为属于Unicode字母或数字一般类别的字符;因此,单词开头的任何标点符号或符号都将被忽略。

注:作者不应期望资本化遵循特定于语言的标题大小写约定(例如跳过英语中的文章)。

注:这个资本化关键字在CSS1和CSS2.1中未指定。这导致浏览器之间计算第一个字母的方式不同(Firefox考虑-_作为字母,但其他浏览器没有。Webkit和Gecko都错误地认为基于字母的符号成为真正的字母。)通过精确地定义正确的行为,CSS文本级别3清除了这一混乱。这个资本化浏览器兼容性表中的行包含不同引擎开始支持这种现在精确定义的行为的版本。

大写

是一个将所有字符转换为大写的关键字。

小写

是一个将所有字符转换为小写的关键字。

没有人

是一个关键字,用于防止更改所有字符的大小写。

全幅的

是一个关键字,它强制将字符(主要是象形文字和拉丁文字)写入一个正方形中,使它们与常见的东亚文字(如中文或日语)对齐。

全尺寸假名

通常用于<红宝石>注释文本,关键字将所有小假名字符转换为等效的全尺寸假名,以弥补ruby中通常使用的小字体的易读性问题。

无障碍问题

带有文本转换的值大写对于像阅读障碍这样有认知问题的人来说,阅读可能很困难。

形式化定义

初始值没有人
适用于所有元素。它也适用于::第一个字母::一线.
继承是的
计算值按规定
动画类型离散的

形式语法

文本转换=
没有人 |
[ 资本化 | 大写 | 小写 ] || 全幅的 || 全尺寸假名 |
math-auto公司

示例

使用“无”的示例

html格式
<第页>初始字符串<坚强的>Lorem ipsum悲哀坐在amet,神圣的敬拜精英…</坚强的>
</第页>
<第页>文本转换:无<坚强的
    ><跨度
      >Lorem ipsum悲哀坐在amet,神圣的敬拜精英…</跨度
    ></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:没有人;
}
坚强的 {
  浮动以下为:正确的;
}

这说明没有文本转换。

使用“大写”的示例(通用)

html格式
<第页>初始字符串<坚强的>Lorem ipsum悲哀坐amet,consectetur adipisking elit…</坚强的>
</第页>
<第页>文本转换:大写<坚强的
    ><跨度
      >Lorem ipsum悲哀坐在amet,神圣的敬拜精英…</跨度
    ></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:资本化;
}
坚强的 {
  浮动以下为:正确的;
}

这演示了文本大小写。

使用“大写”(标点符号)的示例

html格式
<第页>初始字符串<坚强的
    >(this)“is”[a]–short–test–«for»*the*css?大写??转变!</坚强的
  >
</第页>
<第页>文本转换:大写<坚强的
    ><跨度
      >(this)“is”[a]–short–test–«for»*the*css?大写??¡变换!</跨度
    ></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:资本化;
}
坚强的 {
  浮动以下为:正确的;
}

这说明了如何忽略单词的初始标点符号。关键字以第一个字母为目标,即letter或Number常规类别的第一个Unicode字符部分。

使用“大写”(符号)的示例

html格式
<第页>初始字符串<坚强的>ⓐ ⓑ(ⓔ)-ⓗ-ⓙkl</坚强的>
</第页>
<第页>文本转换:大写<坚强的><跨度>ⓐ ⓑ(ⓔ)-ⓗ-ⓙkl</跨度></坚强的>
</第页>
css公司
跨度 {
  文本转换以下为:资本化;
}
坚强的 {
  浮动以下为:正确的;
}

这说明了如何忽略初始符号。关键字以第一个字母为目标,即letter或Number常规类别的第一个Unicode字符部分。

使用“大写”的示例(荷兰ij有向图)

html格式
<第页>初始字符串<坚强的 ="荷兰">荷兰语单词“ijsland”以双连字符开头。</坚强的>
</第页>
<第页>文本转换:大写<坚强的
    ><跨度 ="荷兰"
      >荷兰语单词“ijsland”以双连字符开头。</跨度
    ></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:资本化;
}
坚强的 {
  浮动以下为:正确的;
}

这表明荷兰人ij公司有向图必须像处理单个字母一样处理。

使用“大写”的示例(通用)

html格式
<第页>初始字符串<坚强的>Lorem ipsum悲哀坐在amet,神圣的敬拜精英…</坚强的>
</第页>
<第页>文本转换:大写<坚强的
    ><跨度
      >Lorem ipsum悲哀坐在amet,神圣的敬拜精英…</跨度
    ></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:大写;
}
坚强的 {
  浮动以下为:正确的;
}

这演示了如何将文本转换为大写。

使用“大写”(希腊元音)的示例

html格式
<第页>初始字符串<坚强的>Θα πάμε στο "Θεϊκό φαΐ" ή στη "Νεράιδα"</坚强的>
</第页>
<第页>文本转换:大写<坚强的
    ><跨度 ="埃尔">¦Βαπάμεστς“¦Βεεκίφαΐ”¦Βστ瓦Βεράιδα”</跨度></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:大写;
}
坚强的 {
  浮动以下为:正确的;
}

这表明希腊元音除了析取之外埃塔应该没有重音,元音对的第一个元音上的重音变成第二个元音的重音。

使用“小写”的示例(通用)

html格式
<第页>初始字符串<坚强的>Lorem ipsum悲哀坐在amet,神圣的敬拜精英…</坚强的>
</第页>
<第页>文本转换:小写<坚强的
    ><跨度
      >Lorem ipsum悲哀坐在amet,神圣的敬拜精英…</跨度
    ></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:小写;
}
坚强的 {
  浮动以下为:正确的;
}

这演示了将文本转换为小写。

使用“小写”(希腊语∑)的示例

html格式
<第页>初始字符串<坚强的>∑是一个希腊字母,在Δγ∑∑γ∑中出现了多次。</坚强的>
</第页>
<第页>文本转换:小写<坚强的
    ><跨度
      >∑是一个希腊字母,在Δγ∑∑γ∑中出现了多次。</跨度
    ></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:小写;
}
坚强的 {
  浮动以下为:正确的;
}

这表明希腊字符sigma(Σ)转换为常规小写sigma(σ)或文字字体变体(ς)根据上下文。

使用“小写”的示例(立陶宛语)

html格式
<第页>初始字符串<坚强的>Ĩ是立陶宛字母,Já也是</坚强的>
</第页>
<第页>文本转换:小写<坚强的><跨度 ="lt(左)">Ĩ是立陶宛字母,J́也是</跨度></坚强的>
</第页>
css公司
跨度 {
  文本转换以下为:小写;
}
坚强的 {
  浮动以下为:正确的;
}

这表明立陶宛字母Ĩ当转换为小写时保留其点。

使用“全宽”的示例(通用)

html格式
<第页>初始字符串<坚强的
    >0123456789BCDEFGHIJKLMNOPQRSTUVWXYZ!"#$%&()*+,-./:;<=>?@{|}~</坚强的
  >
</第页>
<第页>文本转换:全宽<坚强的
    ><跨度
      >0123456789abcdefghijklmnopqrstuvwxyz EFGHIJKLMNOPQRSTUVWXYZ!"#$%&()*+,-./:;<=>?@{|}~</跨度
    ></坚强的
  >
</第页>
css公司
跨度 {
  文本转换以下为:全幅的;
}
坚强的 {
  宽度以下为:100%;
  浮动以下为:正确的;
}

有些字符有两种格式:正常宽度和全宽度,具有不同的Unicode代码点。全角版本用于将它们与亚洲表意字符平滑混合。

使用“全角”(日语半角片假名)的示例

html格式
<第页>初始字符串<坚强的>ウェブプログラミングの勉強</坚强的>
</第页>
<第页>文本转换:全宽<坚强的><跨度>ウェブプログラミングの勉強</跨度></坚强的>
</第页>
css公司
跨度 {
  文本转换以下为:全幅的;
}
坚强的 {
  宽度以下为:100%;
  浮动以下为:正确的;
}

日语半角片假名用于表示8位字符代码中的片假名。与常规(全角)片假名字符不同,带有dakuten(浊音标记)的字母表示为两个代码点,即字母体和dakuten。这个全幅的将这些字符转换为全宽时,将它们组合成单个代码点。

使用“全尺寸假名”的示例

html格式
<第页>ァィゥェ ォヵㇰヶ ㇱㇲッㇳ ㇴㇵㇶㇷ ㇸㇹㇺャ ュョㇻㇼ ㇽㇾㇿヮ</第页>
<第页>ァィゥェ ォヵㇰヶ ㇱㇲッㇳ ㇴㇵㇶㇷ ㇸㇹㇺャ ュョㇻㇼ ㇽㇾㇿヮ</第页>
</第页>
css公司
p: 第n种类型(2) {
  文本转换以下为:全尺寸假名;
}

规格

规范
CSS文本模块级别3
#文本转换

浏览器兼容性

BCD表仅在浏览器中加载

另请参见