diff options
| -rw-r--r-- | files/ja/web/manifest/background_color/index.md | 69 |
1 files changed, 22 insertions, 47 deletions
diff --git a/files/ja/web/manifest/background_color/index.md b/files/ja/web/manifest/background_color/index.md index 4cb50a323f..4a628f53d4 100644 --- a/files/ja/web/manifest/background_color/index.md +++ b/files/ja/web/manifest/background_color/index.md @@ -8,62 +8,37 @@ tags: - マニフェスト translation_of: Web/Manifest/background_color --- -<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div> +{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}} <table class="properties"> - <tbody> - <tr> - <th scope="row">型</th> - <td><code>String</code></td> - </tr> - <tr> - <th scope="row">必須</th> - <td>いいえ</td> - </tr> - </tbody> + <tbody> + <tr> + <th scope="row">型</th> + <td><code>String</code></td> + </tr> + <tr> + <th scope="row">必須</th> + <td>いいえ</td> + </tr> + </tbody> </table> -<p><code>background_color</code> メンバーは、スタイルシートが読み込まれる前に表示するアプリケーションページの背景色を定義します。 この値は、スタイルシートが読み込まれる前にマニフェストが利用可能な場合、ショートカットの背景色を描画するために、ユーザーエージェントが使用します。</p> +`background_color` メンバーは、スタイルシートが読み込まれる前に表示するアプリケーションページの背景色を定義します。 この値は、スタイルシートが読み込まれる前にマニフェストが利用可能な場合、ショートカットの背景色を描画するために、ユーザーエージェントが使用します。 -<p>したがって、 <code>background_color</code> はウェブアプリケーションを起動してからサイトのコンテンツを読み込むまでの間のスムーズな移行のため、 CSS の {{cssxref("background-color")}} と一致させるべきです。</p> +したがって、 `background_color` はウェブアプリケーションを起動してからサイトのコンテンツを読み込むまでの間にスムーズに遷移できるよう、 CSS の {{cssxref("background-color")}} と一致させるべきです。 -<div class="blockIndicator note"> -<p><strong>注</strong>: <code>background_color</code> メンバーは、メインスタイルシートがネットワークまたはストレージメディアから読み込まれている間にだけ、ユーザーの操作感を向上させるためだけのものです。プログレッシブウェブアプリのスタイルシートが利用できるようになった後は、ユーザーエージェントが CSS の {{cssxref("background-color")}} プロパティとして使用されることはありません。</p> -</div> +> **Note:** `background_color` メンバーは、メインスタイルシートがネットワークまたはストレージメディアから読み込まれている間にだけ、ユーザーの操作感を向上させるためだけのものです。プログレッシブウェブアプリのスタイルシートが利用できるようになった後は、ユーザーエージェントが CSS の {{cssxref("background-color")}} プロパティとして使用されることはありません。 -<h2 id="Examples" name="Examples">例</h2> +## 例 -<pre class="brush: json">"background_color": "red"</pre> +```json +"background_color": "red" +``` -<h2 id="Specification" name="Specification">仕様書</h2> +## 仕様書 -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - <th scope="col">フィードバック</th> - </tr> - </thead> - <tbody> - <tr> - <td> - <p>{{SpecName('Manifest', '#background_color-member', 'background_color')}}</p> - </td> - <td> - <p>{{Spec2('Manifest')}}</p> - </td> - <td> - <p>初回定義</p> - </td> - <td> - <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p> - </td> - </tr> - </tbody> -</table> +{{Specifications}} -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> +## ブラウザーの互換性 -<p>{{Compat("html.manifest.background_color")}}</p> +{{Compat}} |