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.
nonce
Un nonce cryptographique utilisé pour inscrire les styles en ligne sur une liste blanche pour la règle style-src de la CSP (Content Security Policy). Le serveur doit générer un nonce unique chaque fois qu'il transmet une règle de sécurité. Ce nonce ne doit pas pouvoir être deviné car sinon, il devient trivial d'outrepasser la règle de sécurité.
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 Ajout de l'attribut nonce.
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éChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1 Oui133.51
type1 Oui133.51
media1 Oui133.51
title1 Oui133.51
scoped19 — 352 Non21 Non Non Non
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple11 Oui49161
type11 Oui49161
media11 Oui49161
title11 Oui49161
scoped Non Non Non21 Non Non Non

1. Mobile Internet Explorer (the previous branding of IE Phone - versions lower than 8) also has support.

2. From version 19 until version 35 (exclusive): this feature is behind the Enable <style scoped> preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.

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,