[CSS] hyphensプロパティでハイフネーションの方法を指定しよう!

1.hyphensとは?

hyphensプロパティは1つの単語を複数行にわたって折り返す際、分割位置にハイフンを挿入してひと続きの単語であることを表すハイフネーションを行う方法を指定します。

値の指定方法は以下の通りです。

{ hyphens: 値; }

値の指定方法

2.hyphensの使い方

それではhyphensの使い方をみていきましょう。

.box {
 width: 200px;
 border: solid blue 1px;
 hyphens: auto;
}

上記のようにすることで適切な箇所で改行され、ハイフンが挿入されます。

他にも値を設定できるのでいろいろと試してみることをお勧めします!