Exemple
Réglez le remplissage d'un <div> élément:
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de rembourrage ou retourne le rembourrage d'un élément.
Cette propriété peut prendre d'une à quatre valeurs:
Tant la propriété de marge et l'espace d'insertion de la propriété de rembourrage autour d'un élément. Cependant, la différence est que la marge insère l'espace autour de la frontière, tandis que le rembourrage insère l'espace intérieur de la bordure d'un élément.
- Une valeur, comme: div {padding: 50px} - les quatre côtés aura un rembourrage de 50px
- Deux valeurs, comme: div {padding: 50px 10px} - le rembourrage supérieur et inférieur seront 50px, à gauche et à droite padding seront 10px
- Trois valeurs, comme: div {padding: 50px 10px 20px} - le rembourrage supérieur sera 50px, gauche et droit padding sera 10px, rembourrage inférieur sera 20px
- Quatre valeurs, comme: div {padding: 50px 10px 20px 30px} - le rembourrage supérieur sera 50px, rembourrage droit sera 10px, rembourrage inférieur sera 20px, rembourrage gauche sera 30px
Support du navigateur
La propriété de remplissage est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété padding:
object .style.padding
Définissez la propriété de rembourrage:
object .style.padding=" Valeurs de propriété Valeur La description % Définit le rembourrage en% de la largeur de l'élément parent length Définit le remplissage en unités de longueur initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: 0 Valeur de retour: Une chaîne représentant le rembourrage d'un élément version CSS CSS1
autres exemples
Exemple
Changer le rembourrage des quatre côtés d'un <div> élément à "25px" :
document.getElementById("myDiv").style.padding = "25px";
Essayez vous - même »
Exemple
Retour le remplissage d'un <div> élément:
alert(document.getElementById("myDiv").style.padding);
Essayez vous - même »
Exemple
Différence entre la propriété de marge et la propriété de rembourrage:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Essayez vous - même »
Pages associées
Tutoriel CSS: Rembourrage CSS
Référence CSS: la padding property
<Style objet