これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

CSS の line-break プロパティは、中国語、日本語、韓国語 (CJK) のテキストで、句読点や記号を用いる際の改行方法を設定します。

/* キーワード値 */
line-break: auto;
line-break: loose;
line-break: normal;
line-break: strict;

/* グローバル値 */
line-break: inherit;
line-break: initial;
line-break: unset;
初期値auto
適用対象すべての要素
継承なし
メディア視覚
計算値指定値
アニメーションの種類個別
正規順序形式文法で定義される一意のあいまいでない順序

構文

auto
既定の改行規則を使用してテキストを改行します。
loose
最も制限の少ない改行規則を使用してテキストを改行します。一般的に、新聞などの短い行に使用されます。
normal
最も一般的な改行規則を使用してテキストを改行します。
strict
最も厳格な改行規則を使用してテキストを改行します。

形式文法

auto | loose | normal | strict

仕様書

仕様書 状態 備考
CSS Text Module Level 3
line-break の定義
草案 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応
実験的
Chrome 完全対応 58
完全対応 58
完全対応 1
接頭辞付き
接頭辞付き -webkit- のベンダー接頭辞が必要
Edge 完全対応 14Firefox 未対応 なしIE 完全対応 5.5
完全対応 5.5
完全対応 8
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 45
完全対応 45
完全対応 あり
接頭辞付き
接頭辞付き -webkit- のベンダー接頭辞が必要
Safari 完全対応 ありWebView Android 完全対応 58
完全対応 58
完全対応 あり
接頭辞付き
接頭辞付き -webkit- のベンダー接頭辞が必要
Chrome Android 完全対応 58
完全対応 58
完全対応 18
接頭辞付き
接頭辞付き -webkit- のベンダー接頭辞が必要
Edge Mobile 完全対応 ありFirefox Android 未対応 なしOpera Android 完全対応 45
完全対応 45
完全対応 あり
接頭辞付き
接頭辞付き -webkit- のベンダー接頭辞が必要
Safari iOS 完全対応 ありSamsung Internet Android 完全対応 7.0
完全対応 7.0
完全対応 あり
接頭辞付き
接頭辞付き -webkit- のベンダー接頭辞が必要

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, Uemmra3, rigani
最終更新者: mfuji09,