タイポグラフィ
テキスト装飾のスタイルを制御するためのユーティリティ。
| クラス | スタイル |
|---|---|
decoration-solid | text-decoration-style: solid; |
decoration-double | text-decoration-style: double; |
decoration-dotted | text-decoration-style: dotted; |
decoration-dashed | text-decoration-style: dashed; |
decoration-wavy | text-decoration-style: wavy; |
decoration-dotted や decoration-dashed のようなユーティリティを使用して、要素のテキスト装飾スタイルを変更します。
すばやい茶色のキツネがのろまな犬を飛び越えます。
すばやい茶色のキツネがのろまな犬を飛び越えます。
すばやい茶色のキツネがのろまな犬を飛び越えます。
すばやい茶色のキツネがのろまな犬を飛び越えます。
すばやい茶色のキツネがのろまな犬を飛び越えます。
<p class="underline decoration-solid">The quick brown fox...</p><p class="underline decoration-double">The quick brown fox...</p><p class="underline decoration-dotted">The quick brown fox...</p><p class="underline decoration-dashed">The quick brown fox...</p><p class="underline decoration-wavy">The quick brown fox...</p>プレフィックスa text-decoration-style ユーティリティ md: のようなブレークポイントバリアントとともに使用して、ユーティリティを適用するのはmedium 画面サイズ以上
<p class="underline md:decoration-dashed ..."> Lorem ipsum dolor sit amet...</p>バリアントの使用方法の詳細については、バリアントのドキュメントをご覧ください。