<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>
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
print
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.