Werner-Zenk.de - Zur Startseite

HTML - Element: <style>

Der <style>-Tag fügt CSS-Anweisungen in ein Dokument ein. Dabei gibt es vier Möglichkeiten um CSS-Anweisungen im Dokument einzubinden:
• Zwischen den <head>-Tags für interne Anweisungen (Beispiel siehe unten).
• Zwischen den <head>-Tags als externe Datei.
• Im HTML-Element mit dem Attribut style="", class="" oder id="" (Beispiel siehe unten).
• Zwischen den <body>-Tags mit dem Attribut scoped (wird derzeit nur vom Browser Mozilla Firefox unterstützt).

<!DOCTYPE html>
<html>
<head>
 <title>Das P-Element mit einer CSS-Anweisung formatieren</title>

 <style>
 p {
  color: Red;
  background-color: Yellow;
 }
 </style>

</head>
<body>

<h1>Das P-Element mit einer CSS-Anweisung formatieren</h1>

<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien 
leben die Blindtexte.</p>

</body>
</html>

Beispiel anzeigen

Mit dem Universal-Attribut style="", lassen sich im Dokument beliebige HTML-Elemente formatieren.

<p style="color: Blue; background-color: Green;">
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien 
leben die Blindtexte.
</p>