Tag <style>

Tag <style>

Definition

Status: Aktueller Standard

Das Tag <style> steht für style (Stil, Aussehen).

Der <style>-Tag ist ein zentrales Element im Webdesign, um CSS-Anweisungen direkt in einem HTML-Dokument zu hinterlegen. Er dient dazu, das visuelle Erscheinungsbild von Elementen (wie Farben, Schriften oder Abstände) festzulegen, ohne eine externe Datei laden zu müssen. Üblicherweise wird der Tag innerhalb des <head>-Bereichs platziert. So werden die Design-Anweisungen geladen, bevor der eigentliche Inhalt im Browser erscheint. Ideal für kleine Webseiten oder spezifische Stile, die nur auf einer einzigen Unterseite benötigt werden („Internal CSS“). Bei großen Projekten führt jedoch die Nutzung von <style> zu unübersichtlichem Code. Hier ist das Verlinken einer externen .css-Datei über den <link>-Tag vorzuziehen, um das Design zentral für die gesamte Website zu verwalten. Technisch kann der Tag auch im <body> stehen, wird aber nicht empfohlen, da Styles zur Dokumentstruktur gehören.

Syntax

<style>...</style>

Attribute bzw. Unterelemente

Global

Globale Attribute

media

Legt fest, für welches Ausgabemedium der Stil gilt (z. B. media="print" für die Druckansicht oder media="screen" für Bildschirme)

type

Früher wurde oft type="text/css" angegeben; in modernem HTML5 ist dies jedoch der Standardwert und kann weggelassen werden

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <style>

Der Code:

<head>
  <style>
    body {
      background-color: lightgray;
      font-family: Arial, sans-serif;
    }
    h1
      color: darkblue;
    }
  </style>
</head>