Skip to content

Latest commit

 

History

History
30 lines (19 loc) · 1.34 KB

hyphenation.md

File metadata and controls

30 lines (19 loc) · 1.34 KB

ハイフネーション

ハイフネーション(hyphenation)は欧文で行が折り返されるときに、単語をハイフンで分割することをいいます。

ハイフネーションの有無の比較

実践

CSSでハイフネーションをコントロールするにはhyphensプロパティを使います。初期値はmanualで、HTMLでハイフン(U+2010)またはソフトハイフン(U+00AD)のある箇所でのみハイフネーションが可能になります。

hyphen­ation

しかしすべてのハイフネーション可能箇所に手動でソフトハイフンを挿入するのは現実的ではありません。そこでhyphensプロパティにautoを指定すると、言語に応じたハイフネーションが自動的に適用されます。このときの振る舞いは言語に依存するため、HTMLのlang属性が適切に指定されている必要があります。

article p {
  hyphens: auto;
}

関連項目

参考資料