HTML <style> Tag

Snelmenu:

VoorbeeldVoorbeeld:
<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> Ja Ja Ja Ja Ja Ja


Attributen

De volgende attributen worden door het <style> element ondersteund:

Versie Attribuut Waarde Beschrijving
  media screen
tty
tv
projection
handheld
print
braille
aural
all
Met het media attribuut kan je aangeven voor welke media de stijlregels in het stijlblok bedoeld zijn.
HTML5 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.