La propriété javascript de feuille de style css padding permet de spécifier en javascript la marge qui sépare un élément de chacune de ses bordures (marges intérieures).
Exemple de code :
objetJavasript.style.padding = "5px";
objetJavasript.style.padding = "15px 15px";
peut pendre des valeurs de type String :
- numérique suivie de px ou % ou pt ou em.
Si la propriété javascript de feuille de style css padding est suivie d'une seule valeur alors cette valeur est appliquée à toutes les marges intérieures (top, bottom, left, right).
Si la propriété javascript de feuille de style css padding est suivie de deux valeurs alors la première valeur est appliquée aux marges intérieures horizontales et la seconde aux marges intérieures verticales.
Si la propriété javascript de feuille de style css padding est suivie de quatre valeurs elles correspondent dans l'ordre à la marge intérieure top, left, bottom, right.
La propriété javascript de feuille de style padding css renvoit une valeur de type String :
- chaîne vide par défaut, si aucune propriété padding n'a été difinite.
- ou valeur numérique et l'unité de mesure l'unité par défaut est le px ou le pt suivant les navigateurs.
En faite,
le résultat est assez variable suivant le navigateur par exemple si vous avez mis :
Exemple de code :
objetJavasript.style.padding = "15 15";
alert(objetJavasript.style.padding);
//Ie et Opéra renvoient 15px
//Mozilla, netscape et FireFox renvoient : 15px 15px 15px 15px
La propriété javascript de feuille de style padding est applicable sur toutes les balises HTML ou XHTML.
La propriété javascript de feuille de style padding en HTML ou XHTML peut remplacer l'attribut CELLPADDING de la balise HTML ou XHTML TABLE.
La propriété javascript de feuille de style padding a pour équivalance en feuille de style css padding.