Typography
用於控制文字大小寫轉換的通用類別。
| Class | Styles |
|---|---|
uppercase | text-transform: uppercase; |
lowercase | text-transform: lowercase; |
capitalize | text-transform: capitalize; |
normal-case | text-transform: none; |
使用 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>在變體文件中了解更多關於使用變體的資訊。