<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:
Elementinhalt
Darf ausschließlich Text enthalten .
Attribute
Kann folgende elementspezifische Attribute enthalten:zum HTML5 Attribut mediamedia
| zum HTML5 Attribut scopedscoped
| zum HTML5 Attribut typetype
Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:zum HTML5 Attribut accesskeyaccesskey
| zum HTML5 Attribut classclass
| zum HTML5 Attribut contenteditablecontenteditable
| zum HTML5 Attribut contextmenucontextmenu
| zum HTML5 Attribut datadata
| zum HTML5 Attribut dirdir
| zum HTML5 Attribut draggabledraggable
| zum HTML5 Attribut hiddenhidden
| zum HTML5 Attribut idid
| zum HTML5 Attribut itemitem
| zum HTML5 Attribut itempropitemprop
| zum HTML5 Attribut langlang
| zum HTML5 Attribut spellcheckspellcheck
| zum HTML5 Attribut stylestyle
| zum HTML5 Attribut subjectsubject
| zum HTML5 Attribut tabindextabindex
| zum HTML5 Attribut titletitle
onabort
| onblur
| onchange
| onclick
| oncontextmenu
| ondblclick
| ondrag
| ondragend
| ondragenter
| ondragleave
| ondragover
| ondragstart
| ondrop
| onfocus
| onkeydown
| onkeypress
| onkeyup
| onmousedown
| onmousemove
| onmouseout
| onmouseover
| onmouseup
| onmousewheel
| onscroll
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!