From 1f5e5c4de6791f1c512ee310fbc4f240819c7f99 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 12 Oct 2021 11:30:36 +0900 Subject: CSS ページメディアに関する文書を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/10/11 時点の英語版に同期 --- files/ja/web/css/page-break-after/index.md | 187 +++++++++++------------------ 1 file changed, 72 insertions(+), 115 deletions(-) (limited to 'files/ja/web/css/page-break-after') diff --git a/files/ja/web/css/page-break-after/index.md b/files/ja/web/css/page-break-after/index.md index 7661dba34e..0a55d07ff8 100644 --- a/files/ja/web/css/page-break-after/index.md +++ b/files/ja/web/css/page-break-after/index.md @@ -3,18 +3,21 @@ title: page-break-after slug: Web/CSS/page-break-after tags: - CSS - - CSS Property - - Page Breaks + - CSS プロパティ + - ページ区切り - Reference + - recipe:css-property +browser-compat: css.properties.page-break-after translation_of: Web/CSS/page-break-after --- -
{{CSSRef}}
+{{CSSRef}} -
このプロパティは {{cssxref("break-after")}} プロパティによって置き換えられました。
+> **Warning:** このプロパティは {{cssxref("break-after")}} プロパティで置き換えられました。 -

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

+**`page-break-after`** は CSS のプロパティで、現在の要素の*後で*改ページが行われるように調整します。 -
/* キーワード値 */
+```css
+/* キーワード値 */
 page-break-after: auto;
 page-break-after: always;
 page-break-after: avoid;
@@ -26,120 +29,74 @@ page-break-after: verso;
 /* グローバル値 */
 page-break-after: inherit;
 page-break-after: initial;
+page-break-after: revert;
 page-break-after: unset;
-
- -

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

- -

{{cssinfo}}

- -

改ページの別名

- -

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

- -

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

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
page-break-afterbreak-after
autoauto
leftleft
rightright
avoidavoid
alwayspage
- -

構文

- -

値

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

形式文法

+``` + +このプロパティは、ボックスを生成するブロックレベル要素に適用されます。ボックスを生成しない空の {{HTMLElement("div")}} には適用されません。 + +## 構文 + +### 値 + +- `auto` + - : 初期値です。自動的な改ページが行われます (強制や禁止の機能は持ちません)。 +- `always` + - : 要素の後で必ず改ページが行われるように強制します。 +- `avoid` + - : 要素の後で改ページされないようにします。 +- `left` + - : 要素の後における改ページを強制し、次のページが左ページとして整形されるようにします。 +- `right` + - : 要素の後における改ページを強制し、次のページが右ページとして整形されるようにします。 +- `recto` {{experimental_inline}} + - : 左から右に進むページにおいて `right` と同じ動作をします。右から左に進むページであれば `left` と同じ働きをします。 +- `verso` {{experimental_inline}} + - : 左から右に進むページにおいて `left` と同じ動作をします。右から左に進むページであれば `right` と同じ働きをします。 + +## 改ページの別名 + +`page-break-after` プロパティは古いプロパティとなり、 {{cssxref("break-after")}} で置き換えられました。 + +互換性のため、 `page-break-after` はブラウザーでは `break-after` の別名として扱われます。これにより、 `page-break-after` を使用しているサイトが引き続き設計通りに動作することを保証します。値のサブセットは次のような別名になります。 + +| page-break-after | break-after | +| ---------------- | ----------- | +| `auto` | `auto` | +| `left` | `left` | +| `right` | `right` | +| `avoid` | `avoid` | +| `always` | `page` | + +## 公式定義 + +{{cssinfo}} + +## 形式文法 {{csssyntax}} -

例

+## 例 + +### 脚注の後にページ区切りを設定 -
/* footnotes の後で新しいページに移ります */
+```css
+/* 脚注の後で新しいページに移ります */
 div.footnotes {
   page-break-after: always;
 }
-
- -

仕様書

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

ブラウザーの対応

- -

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

- -

関連情報

- - +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{cssxref("break-before")}}, {{cssxref("break-after")}}, {{cssxref("break-inside")}} +- {{cssxref("page-break-before")}}, {{cssxref("page-break-inside")}} +- {{cssxref("orphans")}}, {{cssxref("widows")}} -- cgit v1.2.3-54-g00ecf