2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

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

hyphensの評価
頻出度
(1.0)
重要度
(1.0)
総合評価
(1.0)




1.hyphensとは?

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

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

{ hyphens: 値; }

値の指定方法

  • manual
  • auto
  • none




2.hyphensの使い方

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

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

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

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




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です