HTML <style> Tag
Snelmenu:
Voorbeeld:
<html>
<head>
<style>
body {background-color:green;}
h1 {color:yellow;}
p {color:white;}
</style>
</head>
<body>
<h1>CSS voorbeeld:</h1>
<p>Witte tekst op een groene achtergrond! (Interne CSS)</p>
<p style="border:1px solid silver; padding:10px; background-color:purple;">
Witte tekst op een paarse achtergrond! (Inline CSS)</p>
</body>
</html>
Beschrijving
De <style> tag wordt gebruikt om stijlinformatie voor een HTML-document te definiëren. Een HTML document kan meerdere <style> tags bevatten. Door deze tag in de head van een document op te nemen kan je gebruik maken van interne CSS. Zie HTML CSS voor meer informatie over stijlsheets.
Browser ondersteuning
Het element wordt ondersteund door de volgende browsers:
| Element: |  |
 |
 |
 |
 |
 |
| <style> |  |
|
|
|
|
|
Attributen
De volgende attributen worden door het <style> element ondersteund:
 |
Attribuut | Waarde | Beschrijving |
|---|---|---|---|
| media | screen tty tv projection handheld braille aural all |
Met het media attribuut kan je aangeven voor welke media de stijlregels in het stijlblok bedoeld zijn. | |
 |
scoped | scoped | Met het scoped attribuut kan je stijlen definiëren voor een bepaald gedeelte van een document. |
| type | text/css | Het type attribuut wordt gebruikt om het mediatype (MIME) van het stijlblok te definiëren. |
Event attributen
 |
De <style> tag ondersteunt ook de Event attributen in HTML. |
Globale attributen
|
De <style> tag ondersteunt ook de Globale attributen in HTML. |
