1. 排版
  2. font-style

排版

font-style

用于控制文本样式的工具。

样式
italic
font-style: italic;
not-italic
font-style: normal;

示例(Examples)

¥Examples

斜体文本(Italicizing text)

¥Italicizing text

使用 italic 工具使文本变为斜体:

¥Use the italic utility to make text italic:

The quick brown fox jumps over the lazy dog.

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

正常显示文本(Displaying text normally)

¥Displaying text normally

使用 not-italic 工具正常显示文本:

¥Use the not-italic utility to display text normally:

The quick brown fox jumps over the lazy dog.

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

响应式设计(Responsive design)

¥Responsive design

font-style 工具前面使用断点变体如 md: 仅在 medium 屏幕尺寸及以上时应用工具:

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

请参阅 变体文档 详细了解如何使用变体。

TailwindCSS v4.0 中文网 - 粤ICP备13048890号