CSS3

プロパティ

line-break

  編集:2022.07.14 by T.A.

mdn

行分断法の厳密さ(禁則処理)。

名前 line-break
auto | loose | normal | strict | anywhere
初期値 auto
適用対象 テキスト
継承 される
百分率 受容しない
算出値 指定されたキーワード
正準的順序 n/a
アニメーション型 離散的

このプロパティは、要素の中で適用される行分断規則の厳密さを指定する ― とりわけ、折り返しが 約物や記号 と どう相互作用するかについて。

auto
ユーザー エージェントが、行分断法を制約するために利用する規則の集合を決定する。制約は、行の長さに基づいて様々になり得る ― 例えば短い行に対しては、より制約が緩い規則の集合を利用するなど。
<DIV style="
 border:1px solid #0008;
 width:140px;
 font-size:20px;
">あああああああ)あ<BR>
いいいいいいい。</DIV>
そのまま
<DIV style="
 line-break:auto;
 border:1px solid #0008;
 width:140px;
 font-size:20px;
">あああああああ)あ<BR>
いいいいいいい。</DIV>
loose
最も制約が緩い行分断規則の集合を利用してテキストを分断する。概して、新聞など、行が短いものに対し利用される。
<DIV style="
 line-break:loose;
 border:1px solid #0008;
 width:140px;
 font-size:20px;
">あああああああ)あ<BR>
いいいいいいい。</DIV>
normal
最もよくある行分断規則の集合を利用してテキストを分断する。
<DIV style="
 line-break:normal;
 border:1px solid #0008;
 width:140px;
 font-size:20px;
">あああああああ)あ<BR>
いいいいいいい。</DIV>
strict
最も厳格な行分断規則の集合を利用してテキストを分断する。
<DIV style="
 line-break:strict;
 border:1px solid #0008;
 width:140px;
 font-size:20px;
">あああああああ)あ<BR>
いいいいいいい。</DIV>
anywhere
<DIV style="
 line-break:anywhere;
 border:1px solid #0008;
 width:140px;
 font-size:20px;
">あああああああ)あ<BR>
いいいいいいい。</DIV>

自動折り返し機会は、どのタイポ グラフィック文字単位の周りにもある:

異なる折り返し機会は優先されないものとする。ハイフン化は適用されない。

注記: この値は、概してターミナルに見られる行分断規則を誘発する。

注記: anywhere は、white-space プロパティが break-spaces に設定されているときに限り、行の末尾にある保全空白を次の行に折り返すのを許容する ― 他の事例では、次により許容されない:

break-spaces による、そのような効果による分断は、保全空白の並びを成す最初のスペースの前にて許容される。white-space: break-spaces だけで許容されることはない。

¶以下省く


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: