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>

Uitproberen

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

Event attributen

De <style> tag ondersteunt ook de Event attributen in HTML.

Globale attributen

De <style> tag ondersteunt ook de Globale attributen in HTML.

Vorige Volgende