From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/page-break-before/index.html | 148 ++++++++++++++++++++++++++ 1 file changed, 148 insertions(+) create mode 100644 files/ja/web/css/page-break-before/index.html (limited to 'files/ja/web/css/page-break-before') diff --git a/files/ja/web/css/page-break-before/index.html b/files/ja/web/css/page-break-before/index.html new file mode 100644 index 0000000000..fa72a60cca --- /dev/null +++ b/files/ja/web/css/page-break-before/index.html @@ -0,0 +1,148 @@ +--- +title: page-break-before +slug: Web/CSS/page-break-before +tags: + - CSS + - CSS プロパティ + - CSS ページ付きメディア + - Reference + - 改ページ +translation_of: Web/CSS/page-break-before +--- +
{{CSSRef}}
+ +
このプロパティは {{cssxref("break-before")}} プロパティによって置き換えられました。
+ +

page-break-before CSS プロパティは、現在の要素の前で改ページが行われるように調整します。

+ +

このプロパティは、ボックスを生成するブロックレベル要素に適用されます。ボックスを生成しない空の {{HTMLElement("div")}} には適用されません。

+ +
/* キーワード値 */
+page-break-before: auto;
+page-break-before: always;
+page-break-before: avoid;
+page-break-before: left;
+page-break-before: right;
+page-break-before: recto;
+page-break-before: verso;
+
+/* グローバル値 */
+page-break-before: inherit;
+page-break-before: initial;
+page-break-before: unset;
+
+ +

{{cssinfo}}

+ +

改ページの別名

+ +

page-break-before プロパティは古いプロパティとなり、 {{cssxref("break-before")}} によって置き換えられました。

+ +

互換性のため、 page-break-before はブラウザーから break-before の別名として扱われます。これにより、 page-break-before を使用しているサイトが引き続き設計通りに動作することを保証します。値のサブセットは次のような別名になります。

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
page-break-beforebreak-before
autoauto
leftleft
rightright
avoidavoid
alwayspage
+ +

構文

+ +

値

+ +
+
auto
+
初期値です。自動的な改ページが行われます (強制や禁止の機能は持ちません)。
+
always
+
要素の前で必ず改ページが行われるように強制します。
+
avoid
+
要素の前で改ページされないようにします。
+
left
+
要素の前における改ページを強制し、次のページが左ページとして整形されるようにします。
+
right
+
要素の前における改ページを強制し、次のページが右ページとして整形されるようにします。
+
recto {{experimental_inline}}
+
左から右に読むページにおいて right と同じ動作をします。右から左に読むページであれば left と同じ働きをします。
+
verso {{experimental_inline}}
+
左から右に読むページにおいて left と同じ動作をします。右から左に読むページであれば right と同じ働きをします。
+
+ +

形式文法

+ +
{{csssyntax}}
+ +

例

+ +
/* div の前で改ページされないようにします */
+div.note {
+    page-break-before: avoid;
+}
+
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS Logical Properties', '#page', 'recto and verso')}}{{Spec2('CSS Logical Properties')}}recto と verso の追加
{{SpecName('CSS3 Paged Media', '#page-break-before', 'page-break-before')}}{{Spec2('CSS3 Paged Media')}}プロパティが適用される要素を table rows と table row groups に拡張
{{SpecName('CSS2.1', 'page.html#propdef-page-break-before', 'page-break-before')}}{{Spec2('CSS2.1')}}初回定義
+ +

ブラウザーの対応

+ + + +

{{Compat("css.properties.page-break-before")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf