排版
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>
请参阅 变体文档 详细了解如何使用变体。