CSS3 Reference


break-before

改何か位置(前)

試す

文字サイズなど環境に依存する要素が強いため、サンプルはありません。

対応ブラウザ

Firefox
まだ
Chrome/Safari
3.0~(変則)
Opera
まだ
InternetExplorer
まだ

パラメータ

auto | always | avoid | left | right | page | column | avoid-page | avoid-column
初期値auto
適用ブロック要素
継承しない
レベル2.0
%の解釈-
適用メディアPaged
参考文献CSS Multi-column Layout Module#5. Column breaks

解説

要素の直前での改ページ、改カラムを制御します。

旧”page-break-before”です。

CSS3では、”page”、”column”、”avoid-page”、”avoid-column”という4つの値が追加されています。

プロパティの名称変更はマルチカラムへの対応に伴うものですが、Safari/Chromeでは、”-webkit-column-break-before”という独自の名称で、改ページとは分けて登録されています。どちらが正式採用になるかは、現段階では不明です。

キーワード

page
要素の直前での改ページを強制します。
column
要素の直前での改カラムを強制します。
avoid-page
要素の直前での改ページを抑制します。
avoid-column
要素の直前での改カラムを抑制します。

コメントする


トラックバック

投稿されたコメント