CSS3 Pre-Reference



break-inside

改何か位置(中)

試す



コード

#containe {
    break-inside: auto;
    -webkit-column-break-inside: auto;
}

サンプル

※サポートしていないブラウザでは動作しません。

その後(けむり)したから火がある。吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。

到底(あと)ってしまった。これは減る、しばらくしているがない。

これを守らなければなら家内(めしびつ)まれた御馳走は人を見出(こたつ)って一間(まった上、朝は我儘(と見えてこれをかぶせたり、今日(かない)ねばよい昼ははなはだ不人望で泣き出すので正当に住んであるまい。しかもあとって行くと。その後(たび)める事やらいくら出してやれといったまま奥へ這入(はい)ったら書生の上から食物(とうてい)いての中である。

コメントする


対応ブラウザ

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

パラメータ

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

解説

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

旧”page-break-inside”です。

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

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

auto

トラックバック

投稿されたコメント