CSS hyphens ジェネレーター
ハイフネーション(単語の自動分割)を制御するhyphensプロパティを生成。auto/manual/none。lang属性連動。
• none: ハイフネーション無効
• manual: 位置でのみ分割
• auto: 自動ハイフネーション
言語によってハイフネーションのルールが異なります
hyphens: auto
Supercalifragilisticexpialidocious is an extraordinarily long word that demonstrates hyphenation capabilities.
幅を狭くして長い単語の折り返しを確認できます
ブラウザとlang属性によって動作が異なります
注意点
- • autoは言語辞書が必要（一部ブラウザで未対応）
- • manualは­ (soft hyphen)でのみ分割
- • HTML要素にlang属性の指定が必須
CSS hyphensとは？
hyphensプロパティは、単語が行末で折り返される際にハイフン(-)を挿入するかを制御します。 特に狭い画面や多段組レイアウトで、長い単語の見栄えを改善します。
- none: ハイフネーションを無効化
- manual: ­ 位置でのみ分割（デフォルト）
- auto: 言語ルールに基づいて自動分割
autoを使用する場合、HTML要素にlang属性（例: lang="en"）を指定する必要があります。