paddingNN 4 IE 4 CSS 1

Hérité: non

Cette forme courte d'attribut permet de définir, à l'aide d'une seule instruction, les largeurs de remplissage des bords (jusqu'à quatre) d'un élément. Le remplissage est l'espace vide qui entoure la zone de contenu d'un élément; cet espace s'étend jusqu'aux bordures de l'élément, s'il en existe, mais n'inclut pas ces dernières. Le remplissage reprend la couleur ou l'image d'arrière-plan de l'élément. Lorsque vous insérez du remplissage dans un élément, vous augmentez la taille de son rectangle visible sans modifier pour autant la taille du bloc de contenu. Vous pouvez spécifier entre une et quatre valeurs de remplissage, séparées par des espaces. Le nombre de valeurs spécifiées détermine à quels côtés doivent s'appliquer ces valeurs.

 
Syntaxe CSS
 
padding: paddingThickness {1,4}
 
Valeur

Cet attribut accepte une, deux, trois ou quatre valeurs, selon le nombre et le type de côtés auxquels vous souhaitez appliquer le remplissage. L'attribut paddingThickness peut avoir pour valeur une longueur ou un pourcentage de la taille de l'élément parent immédiat. Les valeurs spécifiées sont interprétées de la façon suivante.

Nombre de valeursEffet
1La valeur de remplissage spécifiée est appliquée aux quatre côtés
2La première valeur spécifiée est appliquée aux côtés supérieur et inférieur, et la seconde valeur aux côtés droit et gauche
3La première valeur spécifiée est appliquée au côté supérieur, la seconde aux côtés droit et gauche, et la troisième au côté inférieur
4Chaque valeur spécifiée est appliquée, respectivement, au côté supérieur, droit, inférieur et gauche
 
Valeur initiale

0; IE pour Windows spécifie une valeur par défaut de 1 pour les éléments td et th.

 
Exemple
 
p.highlight {padding: 10px 20px}
 
S'applique à 

Tous les éléments (IE 5 pour Macintosh, IE 5.5 pour Windows et Netscape 6); éléments body, caption, div, iframe, marquee, table, td, textarea, tr (IE 5 et version antérieure pour Windows).

 
Référence de modèle d'objet
 
[window.]document.getElementById("elementID").style.padding