diff options
Diffstat (limited to 'files/ja/web/css/_colon_left/index.md')
-rw-r--r-- | files/ja/web/css/_colon_left/index.md | 76 |
1 files changed, 28 insertions, 48 deletions
diff --git a/files/ja/web/css/_colon_left/index.md b/files/ja/web/css/_colon_left/index.md index 2ecfb6ece0..aa09f80d22 100644 --- a/files/ja/web/css/_colon_left/index.md +++ b/files/ja/web/css/_colon_left/index.md @@ -1,75 +1,55 @@ --- title: ':left' -slug: 'Web/CSS/:left' +slug: Web/CSS/:left tags: - '@page' - CSS - - CSS ページ化メディア - - Layout - - Pseudo-class + - レイアウト + - 擬似クラス - Reference + - セレクター - Web - - ウェブ - - 疑似クラス -translation_of: 'Web/CSS/:left' +browser-compat: css.selectors.left +translation_of: Web/CSS/:left --- -<div>{{ CSSRef() }}</div> +{{ CSSRef() }} -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>:left</code></strong> <a href="/ja/docs/CSS/Pseudo-classes">疑似クラス</a>は {{cssxref("@page")}} <a href="/ja/docs/Web/CSS/At-rule">@-規則</a> で使われ、印刷文書の左側のページすべてを表します。</p> +**`:left`** は [CSS](/ja/docs/Web/CSS) の[擬似クラス](/ja/docs/Web/CSS/Pseudo-classes)で、{{cssxref("@page")}} [アットルール](/ja/docs/Web/CSS/At-rule)で使われ、印刷文書の左側のページすべてを表します。 -<pre class="brush: css no-line-numbers">/* 印刷時に左側のページを選択 */ +```css +/* 印刷時に左側のページを選択 */ @page :left { margin: 2in 3in; -}</pre> +} +``` -<p>そのページが左側か右側かは、文書の主要な書字方向によって決まります。例えば、最初のページの主な書字方向が左から右であれば {{Cssxref(":right")}} ページになります。書字方向が右から左であれば <code>:left</code> ページになります。</p> +そのページが左側か右側かは、文書の主な書字方向によって決まります。例えば、最初のページの主な書字方向が左から右であれば {{Cssxref(":right")}} ページになります。書字方向が右から左であれば `:left` ページになります。 -<div class="note"> -<p><strong>メモ:</strong> この疑似クラスは、<em>ページボックス</em>の {{ Cssxref("margin") }}, {{ Cssxref("padding") }}, {{ Cssxref("border") }}, {{ Cssxref("background") }} の各プロパティのみを変更するために使用することができます。他のすべてのプロパティは無視され、ページ内の文書コンテンツではなく、ページボックスにのみ影響します。</p> -</div> +> **Note:** この擬似クラスは、*ページボックス*の {{ Cssxref("margin") }}, {{ Cssxref("padding") }}, {{ Cssxref("border") }}, {{ Cssxref("background") }} の各プロパティのみを変更するために使用することができます。他のすべてのプロパティは無視され、ページ内の文書コンテンツではなく、ページボックスにのみ影響します。 -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 {{csssyntax}} -<h2 id="Example" name="Example">例</h2> +## 例 + +### 左側のページのマージンを設定 -<pre class="brush: css">@page :left { +```css +@page :left { margin: 2in 3in; } -</pre> +``` -<h2 id="Specifications" name="Specifications"><span>仕様書</span></h2> +## 仕様書 -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('CSS3 Paged Media', '#left-right-first', ':left') }}</td> - <td>{{ Spec2('CSS3 Paged Media') }}</td> - <td>変更なし。</td> - </tr> - <tr> - <td>{{ SpecName('CSS2.1', 'page.html#page-selectors', ':left') }}</td> - <td>{{ Spec2('CSS2.1') }}</td> - <td>初回定義。</td> - </tr> - </tbody> -</table> +{{Specifications}} -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> +## ブラウザーの互換性 -<p>{{Compat("css.selectors.left")}}</p> +{{Compat}} -<h2 id="See_also" name="See_also">関連情報</h2> +## 関連情報 -<ul> - <li>{{ Cssxref("@page") }}</li> - <li>ページに関する他の疑似クラス: {{ Cssxref(":first") }}, {{ Cssxref(":right") }}</li> -</ul> +- {{ Cssxref("@page") }} +- ページに関する他の擬似クラス: {{ Cssxref(":first") }}, {{ Cssxref(":right") }} |