タイポグラフィ
単語のハイフネーションを制御するためのユーティリティ。
| クラス | スタイル |
|---|---|
hyphens-none | hyphens: none; |
hyphens-manual | hyphens: manual; |
hyphens-auto | hyphens: auto; |
hyphens-none ユーティリティを使用すると、改行のヒント ­ が使用されている場合でも、単語がハイフネーションされるのを防ぎます。
ドイツ語で最も長い単語として Duden 辞書に公式に認められている、 Kraftfahrzeughaftpflichtversicherung は、自動車賠償責任保険を表す 36 文字の単語です。
<p class="hyphens-none"> ... Kraftfahrzeug­haftpflichtversicherung is a ...</p>hyphens-manual ユーティリティを使用すると、改行のヒント ­ が使用されている箇所でのみハイフネーションポイントを設定します。
ドイツ語で最も長い単語として Duden 辞書に公式に認められている、 Kraftfahrzeughaftpflichtversicherung は、自動車賠償責任保険を表す 36 文字の単語です。
<p class="hyphens-manual"> ... Kraftfahrzeug­haftpflichtversicherung is a ...</p>これはブラウザのデフォルトの動作です。
hyphens-auto ユーティリティを使用すると、ブラウザが言語に基づいて自動的にハイフネーションポイントを選択できるようになります。
ドイツ語で最も長い単語として Duden 辞書に公式に認められている、 Kraftfahrzeughaftpflichtversicherung は、自動車賠償責任保険を表す 36 文字の単語です。
<p class="hyphens-auto" lang="de"> ... Kraftfahrzeughaftpflichtversicherung is a ...</p>改行のヒント ­ は、自動ハイフネーションポイントよりも優先されます。
プレフィックスa hyphens ユーティリティ md: のようなブレークポイントバリアントを持つ hyphens ユーティリティを使用して、medium 以上の画面サイズでのみユーティリティを適用します。
<p class="hyphens-none md:hyphens-auto ..."> Lorem ipsum dolor sit amet...</p>バリアントの使用方法の詳細については、バリアントに関するドキュメントをご覧ください。