XHTML5.NL

<style>-element (X)HTML

  • HTML 3.2+
  • XHTML 1.0+
  • IE 3.0+
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera 3.5+

Het <style>-element is een stijlblok. Het kan alleen opgenomen worden in het <head>-element, tenzij het scoped-attribuut is gebruikt. De inhoud van het element bestaat uit stijlregels in bijvoorbeeld CSS.

  • <style … > … </style>
  • HTML 4.0+
  • XHTML 1.0+
  • IE 4.0+
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera 3.6+

media-attribuut

Het media-attribuut geeft aan voor welke media het stijlblok bedoeld is. Dit attribuut werkt hetzelfde als het gelijknamige attribuut van koppelingen.

  • <style media="…" … > … </style>
  • HTML 5+
  • XHTML 5+
  • IE niet
  • Chrome niet
  • Firefox niet
  • Safari niet
  • Opera niet

scoped-attribuut

Het booleaanse scoped-attribuut moet gebruikt worden indien het <style>-element binnen een ander element dan het <head>-element wordt geplaatst. Het <style>-element moet dan aan het begin van de inhoud van dat element staan en de stijlregels zijn dan alleen van toepassing op de kinderen van dat element.

  • <style scoped="scoped" … > … </style>
  • HTML 4.0+
  • XHTML 1.0+
  • IE 4.0+
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera niet

type-attribuut

Het type-attribuut specificeert het MIME-type van de stijltaal. Voor Cascading Style Sheets is de waarde "text/css".

Sinds (X)HTML5 is dit attribuut niet meer verplicht en is "text/css" de standaardwaarde.

  • <style type="…" … > … </style>

Globale attributen

De globale attributen mogen op elk element worden toegepast. Dit zijn accesskey, class, contenteditable, contextmenu, data-…, dir, draggable, hidden, id, lang, spellcheck, style, tabindex en title.