aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/css/_colon_left/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/css/_colon_left/index.md')
-rw-r--r--files/ja/web/css/_colon_left/index.md76
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") }}