備忘録的プログラミングリファレンス

line-break プロパティ

 line-break プロパティは、日本語や中国語、韓国語において句読点や記号の改行処理(禁則処理)の方法を指定する CSS のプロパティです。

 line-break プロパティの指定値によって文章の見え方が変わります。

line-break プロパティ
<p style="line-break:strict;">日本語や中国語、韓国語の改行処理(禁則処理)とは、句読点(。、)やカッコ()、小文字(しゃ、しゅ、しょなどの小文字)が行頭や行末にならないようにする処理のことです。
<br /> line-break プロパティによって、文章の読み易さや美観を調整することができます。</p>
表示例

日本語や中国語、韓国語の改行処理(禁則処理)とは、句読点(。、)やカッコ("")、小文字(しゃ、しゅ、しょなどの小文字)が行頭や行末にならないようにする処理のことです。
 line-break プロパティによって、文章の読み易さや美観を調整することができます。

詳しくは Example を参照してください

ページ内 Index

構文(Syntax)

 line-break プロパティの構文です。

CSS

line-break: auto | loose | normal | strict | anywhere ;

DOM ( JavaScript )

値の取得
object.style.lineBreak
値の設定
object.style.lineBreak=" auto | loose | normal | strict | anywhere "

 グローバル値として initialinheritrevertunset も使用することができます。

値(Values)

 line-break プロパティに指定できる値です。

Value摘要
auto初期値(default値)。ブラウザによる
looseゆるい改行処理。小文字は対象にならない
normal一般的な改行処理。小文字は対象にならない
strict最も厳格な改行処理。小文字も対象になる
anywhere句読点やカッコ、小文字に関係なく改行される

 その他に以下のようなグローバル値があります。

キーワード値機能
initial仕様で決められた設定値
inherit親エレメントの設定値を継承
revertブラウザで設定された値
unset継承値が優先される。値が継承値されるプロパティでは inherit に同じ。継承されない場合は revert に同じ

 指定値を固定化する場合は !important 宣言を加えます。

 詳しくは各キーワード値のページを参照してください。

備考(Remarks)

 line-break プロパティの備考です。

初期値(Default value)auto
継承(Inherited)yes
変化(Animatable)離散

 変化(Animatable)の離散は、アニメーションの進捗が50%で変化します。徐々に変化するといった動きはしません。

Example

 line-break プロパティの例です。

 line-break プロパティは、日本語や中国語、韓国語において句読点や記号の改行処理(禁則処理)の方法を指定できます。