HTMLElement.style

Cette traduction est incomplète. Aidez-nous à traduire cet article depuis l’anglais

Résumé

Renvoie un objet représentant l'attribut style de l'élément.

Exemple

var div = document.getElementById("div1");
div.style.marginTop = ".25cm";

Notes

Étant donné que la propriété style d'un élément représente sa déclaration de style en-ligne, qui se trouve dans son attribut style et qui a la priorité la plus haute dans la cascade CSS, elle est utile pour définir un style pour un élément particulier.

Cependant, elle n'est pas utile pour connaître le style de l'élément en général, puisqu'elle ne représente que les déclarations CSS définies dans l'attribut style de l'élément, et pas celles qui viennent d'autres règles de style, comme celles qui peuvent se trouver dans la section <head> ou des feuilles de style externes.

Pour obtenir les valeurs de toutes les propriétés CSS pour un élément, vous devriez plutôt utiliser window.getComputedStyle.

Consultez la liste des propriétés CSS DOM pour une liste des propriétés CSS accessibles depuis le DOM. Vous y trouverez quelques notes supplémentaires concernant l'utilisation de la propriété style pour styler des éléments dans le DOM.

Il est généralement préférable d'utiliser la propriété style plutôt que elt.setAttribute('style', '...') depuis un script, étant donné que l'utilisation de la propriété style n'écrasera pas les autres propriétés CSS qui peuvent avoir été spécifiées dans l'attribut style.

Spécification

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
styleChrome Support complet 45Edge Support complet 12Firefox Support complet 1IE Support complet 8Opera Support complet 8Safari Support complet 11WebView Android Support complet 45Chrome Android Support complet 45Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 11Samsung Internet Android Support complet 5.0

Légende

Support complet  
Support complet

Voir aussi

Lien Externe