CSS

Allows long words to be hyphenated and broken at line ends.

hyphens

hyphensは、長い単語が行の端にかかったときに自動でハイフン(-)を挿入して、単語を途中で改行するかどうかを決めるCSSのプロパティです。

これを使うと、特にスマホなど狭い画面でもテキストの見た目が整いやすくなります。

ただし、ブラウザや言語の設定に影響されるため、完全に同じ動作になるとは限りません。

主な値:

none
ハイフンを入れず、単語全体が次の行に送られる。
manual
明示的に <wbr> などで指定された場所でのみハイフンを許可。
auto
ブラウザが自動的にハイフンの位置を判断して挿入。

CSS

p {
	hyphens: auto;
}