1 files changed, 51 insertions, 65 deletions
diff --git a/files/ja/web/css/_doublecolon_grammar-error/index.md b/files/ja/web/css/_doublecolon_grammar-error/index.md
index 94d0b33805..c7e6c1c2c7 100644
--- a/files/ja/web/css/_doublecolon_grammar-error/index.md
+++ b/files/ja/web/css/_doublecolon_grammar-error/index.md
@@ -1,85 +1,71 @@
 ---
 title: '::grammar-error'
-slug: 'Web/CSS/::grammar-error'
+slug: Web/CSS/::grammar-error
 tags:
   - CSS
-  - Experimental
-  - Pseudo-element
-  - Reference
-  - Selector
-translation_of: 'Web/CSS/::grammar-error'
+  - 実験的
+  - 擬似要素
+  - リファレンス
+  - セレクター
+browser-compat: css.selectors.grammar-error
+translation_of: Web/CSS/::grammar-error
 ---
-<div>{{CSSRef}}{{SeeCompatTable}}</div>
+{{CSSRef}}{{SeeCompatTable}}
 
-<p><strong><code>::grammar-error</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Pseudo-elements">擬似要素</a>で、{{glossary("user agent", "ユーザーエージェント")}}が文法的に正しくないとしたテキストの区間を示します。</p>
+**`::grammar-error`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、{{glossary("user agent", "ユーザーエージェント")}}が文法的に正しくないとしたテキストの区間を示します。
 
-<h2 id="Allowable_properties" name="Allowable_properties">利用できるプロパティ</h2>
+## 利用できるプロパティ
 
-<p><code>::grammar-error</code> 擬似要素では、一部の CSS プロパティのみが利用できます。</p>
+`::grammar-error` 擬似要素では、一部の CSS プロパティのみが利用できます。
 
-<ul>
- <li>{{cssxref("color")}}</li>
- <li>{{cssxref("background-color")}}</li>
- <li>{{cssxref("cursor")}}</li>
- <li>{{cssxref("caret-color")}}</li>
- <li>{{cssxref("outline")}} およびその個別指定プロパティ</li>
- <li>{{cssxref("text-decoration")}} および関連プロパティ</li>
- <li>{{cssxref("text-emphasis-color")}}</li>
- <li>{{cssxref("text-shadow")}}</li>
-</ul>
+- {{cssxref("color")}}
+- {{cssxref("background-color")}}
+- {{cssxref("cursor")}}
+- {{cssxref("caret-color")}}
+- {{cssxref("outline")}} およびその個別指定プロパティ
+- {{cssxref("text-decoration")}} および関連プロパティ
+- {{cssxref("text-emphasis-color")}}
+- {{cssxref("text-shadow")}}
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+## 構文
 
-<pre class="syntaxbox notranslate">::grammar-error</pre>
+```css
+::grammar-error
+```
 
-<h2 id="Examples" name="Examples">例</h2>
+## 例
 
-<h3 id="Simple_document_grammar_check" name="Simple_document_grammar_check">単純な文書の構文チェック</h3>
+### 単純な文書の文法チェック
 
-<p>この例では、最終的に対応しているブラウザーでは、フラグの立った文法エラーがあれば、示したスタイルで強調表示されます。</p>
+この例では、最終的に対応しているブラウザーでは、フラグの立った文法エラーがあれば、示したスタイルで強調表示されます。
 
-<h4 id="HTML">HTML</h4>
+#### HTML
 
-<pre class="brush: html notranslate">&lt;p&gt;My friends is coming to the party tonight.&lt;/p&gt;</pre>
+```html
+<p>My friends is coming to the party tonight.</p>
+```
 
-<h4 id="CSS">CSS</h4>
+#### CSS
 
-<pre class="brush: css notranslate">::grammar-error  {
+```css
+::grammar-error  {
   text-decoration: underline red;
   color: red;
-}</pre>
-
-<h4 id="Result" name="Result">結果</h4>
-
-<p>{{EmbedLiveSample('Simple_document_grammar_check', '100%', 60)}}</p>
-
-<h2 id="Specifications" name="Specifications">仕様書</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('CSS4 Pseudo-Elements', '#selectordef-grammar-error', '::grammar-error')}}</td>
-   <td>{{Spec2('CSS4 Pseudo-Elements')}}</td>
-   <td>初回定義</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<div>
-<p>{{Compat("css.selectors.grammar-error")}}</p>
-</div>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{cssxref("::spelling-error")}}</li>
-</ul>
+}
+```
+
+#### 結果
+
+{{EmbedLiveSample('Simple_document_grammar_check', '100%', 60)}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{cssxref("::spelling-error")}}