HTML Elementen

HTML <style> element

  • De <style> tag wordt gebruikt om de stijl informatie van een element te definiëren.
  • Het vereiste type attribuut defineerd de inhoud van het <style> element.
    De enige mogelijke waarde is "text/css".
  • Het <style> element wordt altijd in de <head> sectie van het document geplaatst!

Voorbeeld

<html>
<head>

<style type="text/css">
h1 {color:#ff00ff;}
p {font-family:Arial; color:blue;}
</style>
</head>

<body>

code van het document⇒
</body>
</html>
  • Het <style> element mag meerdere malen voorkomen in de <head> sectie van een document !
  • Aan het <style> element moet minstens het type attribuut toegevoegd zijn !

Verschil HTML - XHTML

Zelfde gebruik in beide, zonder verschil.

Element Waarde Beschrijving DTD
type text/css Specificeert het MIME-type van een stylesheet STF

naar boven 

Optioneel attribuut

Attribuut Waarde Beschrijving DTD
media all
aural
braille
handheld
print
projection
screen
tty
tv
Specificeert de stijl voor verschillende media types STF
tip

Maak gebruik van het <link> element om een externe style sheet te koppelen !

DTD geeft aan in welk <!DOCTYPE> van HTML 4.01 / XHTML 1.0DTD het attribuut is toegestaan.
S=Strict, T=Transitional, F=Frameset

Standaard attributen

  • Het <style> element ondersteunt volgende standaard attibuten:
Attribuut Waarde Beschrijving DTD
dir ltr
rtl
Specificeert de tekst richting van de inhoud van een element STF
lang taalcode Specificeert de taalcode van de inhoud van een element STF
title tekst Specificeert extra informatie over een element STF
xml:lang taalcode Specificeert de taalcode van de inhoud van een element, in een XHTML document STF

naar boven 

Gebeurtenis attributen (event handlers)

  • De <style> tag ondersteunt GEEN gebeurtenis attributen.

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het <style> element wordt ondersteunt door de bekende browsers.
naar boven naar boven naar type attribuut
naar boven naar het type attribuut