Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/meta/name/theme-color below:

<meta name="theme-color"> - HTML | MDN

Limited availability

Der theme-color Wert des name Attributs des <meta> Elements zeigt eine vorgeschlagene Farbe an, die Benutzeragenten verwenden sollten, um die Anzeige der Seite oder der umgebenden Benutzeroberfläche anzupassen. Wenn angegeben, definieren Sie eine Thema-Farbe durch ein content Attribut im <meta> Element als CSS <color> Wert.

Um beispielsweise anzugeben, dass ein Dokument cornflowerblue als Thema-Farbe verwenden soll, setzen Sie das <meta> wie folgt:

<meta name="theme-color" content="cornflowerblue" />

Um das Medium festzulegen, auf das sich die Thema-Farbmetadaten beziehen, fügen Sie das media Attribut mit einer gültigen Medienabfragenliste hinzu (siehe das theme-color Medienabfrage-Beispiel).

Ein <meta name="theme-color"> Element hat die folgenden zusätzlichen Attribute:

content

Ein <meta> Element mit name=theme-color muss ein content Attribut haben, das die Thema-Farbe definiert. Der Wert des content Attributs ist wie folgt:

<color> Wert

Ein gültiger Farbwert wie Hexadezimal, RGB, benannte Farbe usw.

media Optional

Jeder gültige Medientyp oder -abfrage. Wenn angegeben, werden die im content Attribut definierten Optionen für die Thema-Farbe des Dokuments dem Browser vorgeschlagen, wenn die Medienabfrage zutrifft.

Betrachten Sie den folgenden Code, der <meta> verwendet, um eine Thema-Farbe festzulegen:

<meta name="theme-color" content="#4285f4" />

Das folgende Bild zeigt die Wirkung dieser Einstellung in Chrome auf einem Android-Mobilgerät:

Bildquelle: von Icons & Browser Colors, erstellt und geteilt von Google und verwendet gemäß den in der Creative Commons 4.0 Attribution License beschriebenen Bedingungen.

Sie können einen Medientyp oder eine Abfrage im media Attribut angeben. Die theme-color wird dann nur gesetzt, wenn die Medienbedingung wahr ist. Zum Beispiel:

<meta
  name="theme-color"
  content="cornflowerblue"
  media="(prefers-color-scheme: light)" />
<meta
  name="theme-color"
  content="dimgray"
  media="(prefers-color-scheme: dark)" />

• <meta> name Attribut color-scheme Wert
• color-scheme CSS Eigenschaft
• prefers-color-scheme Medienabfrage

Diese Seite wurde automatisch aus dem Englischen übersetzt.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4