aboutsummaryrefslogtreecommitdiff
path: root/files
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2021-08-15 21:32:01 +0900
committerpotappo <potappo@gmail.com>2021-08-21 17:00:24 +0900
commit684cee6b4b0e4f93d7b7339b711dd96c82b26bb4 (patch)
treed575a720a1a526f2aa17028eaadb0ecdbd36de3e /files
parent6e8bfef745c133c0bddffd15e24cf00da6b531c1 (diff)
downloadtranslated-content-684cee6b4b0e4f93d7b7339b711dd96c82b26bb4.tar.gz
translated-content-684cee6b4b0e4f93d7b7339b711dd96c82b26bb4.tar.bz2
translated-content-684cee6b4b0e4f93d7b7339b711dd96c82b26bb4.zip
Web/HTML/Element/meta/name/theme-color を新規翻訳
- 2021/07/14 時点の英語版に基づき新規翻訳
Diffstat (limited to 'files')
-rw-r--r--files/ja/web/html/element/meta/name/theme-color/index.html38
-rw-r--r--files/ja/web/html/element/meta/name/theme-color/theme-color.pngbin0 -> 32088 bytes
2 files changed, 38 insertions, 0 deletions
diff --git a/files/ja/web/html/element/meta/name/theme-color/index.html b/files/ja/web/html/element/meta/name/theme-color/index.html
new file mode 100644
index 0000000000..46c4b3562d
--- /dev/null
+++ b/files/ja/web/html/element/meta/name/theme-color/index.html
@@ -0,0 +1,38 @@
+---
+title: theme-color
+slug: Web/HTML/Element/meta/name/theme-color
+tags:
+ - Attribute
+ - HTML
+ - HTML document metadata
+ - Reference
+ - metadata
+browser-compat: html.elements.meta.name.theme-color
+translation_of: Web/HTML/Element/meta/name/theme-color
+---
+<div>{{HTMLRef}}</div>
+
+<p><span class="seoSummary"><strong><code>theme-color</code></strong> の値は {{htmlelement("meta")}} 要素の {{htmlattrxref("name", "meta")}} 属性において、ユーザーエージェントがページやその周辺のユーザーインターフェイスの表示をカスタマイズするために使用すべき推奨色を示します。指定された場合、 {{htmlattrxref("content", "meta")}} 属性には有効な CSS の {{cssxref("&lt;color&gt;")}} が含まれていなければなりません。</span></p>
+
+<h2 id="Example">例</h2>
+
+<pre class="brush: html">&lt;meta name="theme-color" content="#4285f4"&gt;</pre>
+
+<p>次の画像は、上記の {{htmlelement("meta")}} 要素が、 Android モバイル端末上で動作する Chrome で表示された文書に与える影響を示しています。</p>
+
+<figure><img alt="theme-color を使用した影響を表す図" src="theme-color.png">
+<figcaption><small>画像の出典: <a href="https://developers.google.com/web/fundamentals/design-and-ux/browser-customization">Icons &amp; Browser Colors</a> より、<a href="https://developers.google.com/readme/policies">Google</a> が作成・共有し <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons 4.0 Attribution License</a> に記載された条件に従って使用されています。</small></figcaption>
+</figure>
+
+<p>{{htmlattrxref("media", "meta")}} 属性で、メディア種別やクエリーを指定することができ、メディアの条件が真である場合にのみ、色が設定されます。例えば、以下のようになります。</p>
+
+<pre class="brush: html">&lt;meta name="theme-color" media="(prefers-color-scheme: light)" content="white"&gt;
+&lt;meta name="theme-color" media="(prefers-color-scheme: dark)" content="black"&gt;</pre>
+
+<h2 id="Specifications">仕様書</h2>
+
+<p>{{Specifications}}</p>
+
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
+
+<p>{{Compat}}</p>
diff --git a/files/ja/web/html/element/meta/name/theme-color/theme-color.png b/files/ja/web/html/element/meta/name/theme-color/theme-color.png
new file mode 100644
index 0000000000..ef9ea7378e
--- /dev/null
+++ b/files/ja/web/html/element/meta/name/theme-color/theme-color.png
Binary files differ