From 1f5e5c4de6791f1c512ee310fbc4f240819c7f99 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
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/_colon_left/index.md | 76 +++++++++++++----------------------
 1 file changed, 28 insertions(+), 48 deletions(-)

(limited to 'files/ja/web/css/_colon_left')

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") }}
-- 
cgit v1.2.3-54-g00ecf