MDN will switch to a new design later today, a sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

L'élément HTML <style> contient des informations de mise en forme pour un document ou une partie d'un document. Par défaut, les instructions de mise en forme écrites dans cet élément sont écrites en CSS.

Catégories de contenu Contenu de métadonnées.
Contenu autorisé Du contenu textuel correspondadnt à l'attribut type (c'est-à-dire text/css).
Omission de balises Les deux balises doivent être présentes.
Parents autorisés Tout élément qui accepte du contenu de métadonnées.
Rôles ARIA autorisés Aucun
Interface DOM HTMLStyleElement

Attributs

Cet élément inclut les attributs universels.

media
Cet attribut est une requête média qui indique le média auquel la mise en forme doit s'appliquer. Cet attribut est optionnel, la valeur par défaut est all.
type
Cet attribut définit le langage de la feuille de style sous la forme d'un type MIME (le jeu de caractères ne doit pas être indiqué). Cet attribut est optionnel, la valeur par défaut est text/css.
title
Cet attribut indique un ensemble de feuilles de style alternatif.
scoped
Cet attribut indique que les règles de mises en forme ne s'appliquent qu'aux éléments ayant le même élément parent que l'élément courant.

Exemples

HTML

<style type="text/css">
body {
  color:red;
}
</style>
<p>Coucou</p>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'style' dans cette spécification.
Standard évolutif  
HTML5
La définition de 'style' dans cette spécification.
Recommendation Aucune modification depuis HTML 4.01 Specification.
HTML 4.01 Specification
La définition de 'style' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 1.0 (Oui) 1.0 (1.7 ou moins) 3.0 3.5 1.0
scoped Pas de support[1] Pas de support Pas de support[2] Pas de support Pas de support Pas de support
Fonctionnalité Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple 1.0 (Oui) 1.0 (1.0) 9.0[3] 6.0 1.0
scoped Pas de support Pas de support Pas de support[2] Pas de support Pas de support Pas de support

[1] À partir de Chrome 19 et jusqu'à Chrome 34, la prise en charge est activéevia la préférence ‘Activer <style scoped>’ sous chrome://flags. Cette préférence et cette fonctionnalité ont été retirées à partir de Chrome 35.

[2] Firefox 21 a implémenté <style scoped> et cette fonctionnalité doit désormais être activée via la préférence layout.css.scoped-style.enabled à partir de Firefox 55 (aucun autre navigateur ne l'implémentant).

[3] Mobile Internet Explorer (l'ancien nom d'IE Phone pour les versions antérieures à la version 8) prenait également en charge <style scoped>.

Voir aussi

  • L'élément <link> qui permet d'utiliser des feuilles de style externes.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, tregagnon, Goofy, Matouche
 Dernière mise à jour par : SphinxKnight,