1. 文字排版
  2. font-style

文字排版

font-style

用於控制文字樣式的工具類別。

類別樣式
italic
font-style: italic;
not-italic
font-style: normal;

範例

將文字設為斜體

使用 italic 工具類別將文字設為斜體

The quick brown fox jumps over the lazy dog.

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

正常顯示文字

使用 not-italic 工具類別以正常方式顯示文字

The quick brown fox jumps over the lazy dog.

<p class="not-italic ...">The quick brown fox ...</p>

響應式設計

前綴a font-style 工具類別 使用斷點變體,例如 md:,僅在 螢幕尺寸以上套用工具類別

<p class="italic md:not-italic ...">  <!-- ... --></p>

深入了解如何在變體文件中使用變體。

版權所有 © 2025 Tailwind Labs Inc.·商標政策