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

[CSS] line-breakプロパティで改行の禁則処理を指定しよう!

line-breakの評価
頻出度
(3.0)
重要度
(3.0)
総合評価
(3.0)




1.line-breakとは?

line-breakプロパティは日本語、中国語、韓国語に改行の禁則処理を指定します。

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

{ line-break: 値; }

値の指定方法

  • auto
  • loose
  • normal
  • strict
  • anywhere




2.line-breakの使い方

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

p {
 width: 200px;
 background-color: red;
 line-break: strict;
}

上記のようにすることで厳格な禁則処理を適用しています。

しかし、対応ブラウザでこれらの値を指定しても意図通りに機能しないこともあります。

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




コメントを残す

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