text-transform

用于控制文本大写的工具。

快速参考

使用 uppercase 工具将元素的文本转换为大写：

The quick brown fox jumps over the lazy dog.

<p class="uppercase">The quick brown fox ...</p>

使用 lowercase 工具将元素的文本转换为小写：

The quick brown fox jumps over the lazy dog.

<p class="lowercase">The quick brown fox ...</p>

使用 capitalize 工具将元素的文本首字母大写：

The quick brown fox jumps over the lazy dog.

<p class="capitalize">The quick brown fox ...</p>

使用 normal-case 工具保留元素的原始文本大小写——通常用于在不同断点重置大小写：

The quick brown fox jumps over the lazy dog.

<p class="normal-case">The quick brown fox ...</p>

在 text-transform 工具前加上像 md: 这样的断点变体，以便只在中等屏幕尺寸及以上应用该工具：

<p class="capitalize md:uppercase ...">
  Lorem ipsum dolor sit amet...
</p>

在变体文档中了解更多关于使用变体的信息。

text-underline-offset

用于控制文本下划线偏移的工具。

text-overflow

用于控制元素文本如何溢出的工具。