HTML <style>Tag

Beispiele

Verwendung des <style>-Elements in einem HTML-Dokument:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Beispiel (example.com)</title> <style type="text/css"> h1 {color:red;} p {color:blue;} </style> </head> <body> <h1>Dies ist eine Überschrift</h1> <p>Dies ist ein Absatz.</p> </body> </html>

Selbst ausprobieren »

Browser-Unterstützung

Alle gängigen Browser unterstützen das <style>-Tag.

Definition und Verwendung

Das <style>-Tag definiert Stilinformationen für ein HTML-Dokument.

Innerhalb des <style>-Elements können Sie angeben, wie ein HTML-Dokument in einem Browser dargestellt werden soll.

Jedes HTML-Dokument kann mehrere <style>-Tags enthalten.

Tipps und Hinweise

Tipp:Um auf ein externes Stylesheet zu verlinken, verwenden Sie den<link>-Tag.

Tipp:Um mehr über Stylesheets zu erfahren, lesen Sie bitte unserCSS-Tutorial。

Hinweis:Wenn das Attribut "scoped" nicht verwendet wird, muss jedes <style>-Tag im Head-Bereich stehen.

Unterschiede zwischen HTML 4.01 und HTML5

Das Attribut "scoped" ist ein neues Attribut in HTML5, mit dem wir Stile für einen bestimmten Teil des Dokuments definieren können, anstatt für das gesamte Dokument.
Wenn das Attribut "scoped" verwendet wird, können die angegebenen Stile nur auf das übergeordnete Element des Style-Elements und seine untergeordneten Elemente angewendet werden.

Attribute

Neu: Neues Attribut in HTML5.

Attribute	Wert	Beschreibung
media	media_query	Gibt verschiedene Medientypen für das Stylesheet an.
scopedNeu	scoped	Wenn dieses Attribut verwendet wird, werden die Stile nur auf das übergeordnete Element des Style-Elements und seine untergeordneten Elemente angewendet.
type	text/css	Gibt den MIME-Typ des Stylesheets an.

Globale Attribute

Das <style>-Tag unterstütztglobale HTML-Attribute。

Ereignisattribute

Das <style>-Tag unterstütztHTML-Ereignisattribute。

HTMLTag