Propriété paddingTop de style
Exemple
Définissez le rembourrage supérieur d'un élément <div> :
document.getElementById("myDiv").style.paddingTop = "50px";
Définition et utilisation
La propriété paddingTop définit ou renvoie le rembourrage supérieur d'un élément.
Les propriétés de remplissage définissent l'espace entre la bordure de l'élément et le contenu de l'élément.
La propriété margin et la propriété padding insèrent toutes deux un espace autour d'un élément. Cependant, la différence est que margin insère l'espace autour de la bordure, tandis que padding insère l'espace dans la bordure d'un élément.
Prise en charge du navigateur
| Property | |||||
|---|---|---|---|---|---|
| paddingTop | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété paddingTop :
object.style.paddingTop
Définissez la propriété paddingTop :
object.style.paddingTop = "%|length|initial|inherit"
Valeurs de propriété
| Value | Description |
|---|---|
| % | Defines the top padding in % of the width of the parent element |
| length | Defines the top padding in length units |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
| Valeur par défaut: | 0 |
|---|---|
| Valeur de retour : | Une chaîne, représentant le rembourrage supérieur d'un élément |
| Version CSS | CSS1 |
Plus d'exemples
Exemple
Remplacez le rembourrage supérieur d'un élément <div> par "normal":
document.getElementById("myDiv").style.paddingTop = "0px";
Exemple
Renvoie le rembourrage supérieur d'un élément <div> :
alert(document.getElementById("myDiv").style.paddingTop);
Exemple
Différence entre marginTop et paddingTop :
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Pages connexes
Tutoriel CSS : Remplissage CSS
Référence CSS : propriété padding-top
Référence HTML DOM : propriété padding
❮ Objet de style