<style>

Bedeutung

Bereich für Stylesheet-Definitionen, z.B. in CSS

Notation

<style [Attribute]>[Elementinhalt]</style>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

zum <head> Element<head>.

Elementinhalt

Darf ausschließlich Text enthalten .

Attribute

Standard-Style-Formateigenschaften

style { display: none; }

Beispiel

<head>
<style type="text/css">
span {
color: blue;
}
</style>
<head>
<body>
<article>
<span>Style des eingebundenen Stylesheets des Dokuments.</span>
</article>
<article>
<style type="text/css" scoped="scoped">
span {
color: red;
}
</style>
<span>Style des per style scoped="scoped" definierten Teil des Dokuments.</span>
</article>
<article>
<span>Style des eingebundenen Stylesheets des Dokuments.</span>
</article>
<body>

Erläuterung

Das <style> Element definiert einen Bereich für die Notaion von Stylesheets für das Dokument. Diese Stylesheets können durch das <style> Element zum einen im Kopfbereich des Dokuments zwischen <head>[...]</head> eingebunden werden oder aber innerhalb des Dokumentkörpers zwischen <body>[...]</body> notiert werden.

Im einleitenden <style> Tag wird durch das type Attribut und die Wertangabe type="text/css" die Stylesprache definiert.

Bei der Notation innerhalb des Dokumentkörpers kann im einleitenden <style> Tag das scoped Attribut notiert werden, diese bewirkt, dass die Style-Informationen nur das aktuelle Element betreffen, in dessen Elementinhalt der <style> Tag notiert wurde.

Vorherige und nachfolgende Elemente sind von diesen Style-Informationen nicht betroffen, sondern verwenden die Standard Stylesheets des Dokuments. Wird das scoped Attribut nicht gesetzt, werden die angegebenen Style-Informationen auf das gesamte Dokument angewandt.

Das scoped Attribut wird bislang von keinem Browser unterstützt!

Spezifikation