L'attribut universel style contient des déclarations CSS afin de mettre en forme l'élément. Attention, il est recommandé de définir les règles de mise en forme dans un ou plusieurs fichiers séparés. Cet attribut, ainsi que l'élément <style> ont simplement pour but de permettre une mise en forme rapide, notamment pour tester.

Note : Cet attribut ne doit pas être utilisé à des fins sémantiques. En effet, si toute mise en forme est retirée, toute page doit rester correcte d'un point de vue sémantique. On ne devrait pas, notamment, utiliser cet attribut afin de cacher des informations qui ne seraient pas pertinentes (cela devrait être réalisé avec l'attribut hidden.

Exemples

HTML

<p style="color: rgb(255, 0, 0)">
  Cette méthode n'est pas vraiment recommandée
</p>

<p class="toto">
  Alors que ça, c'est mieux.
</p>

CSS

.toto {
  color: rgb(0, 255, 0);
}

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'style' dans cette spécification.
Standard évolutif Aucune modification depuis la dernière dérivation de HTML 5.1
HTML 5.1
La définition de 'style' dans cette spécification.
Recommendation Dérivée de HTML Living Standard, aucune modification depuis HTML5
HTML5
La définition de 'style' dans cette spécification.
Recommendation Dérivée de HTML Living Standard. Depuis HTML 4.01 Specification, cet attribut est désormais un attribut universel.
HTML 4.01 Specification
La définition de 'style' dans cette spécification.
Recommendation Cet attribut est pris en charge par tous les éléments à l'exception de <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, et <title>.
CSS Style Attributes Recommendation Définition du contenu pour l'attribut style.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet OuiIE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, Morgan-jarry
Dernière mise à jour par : SphinxKnight,