padding-bottom, padding-left,
padding-right, padding-top

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Ces quatre propriétés permettent de définir individuellement le remplissage à appliquer à chaque côté 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.

Syntaxe CSS
padding-bottom: valeur
padding-left: 
valeur
padding-right: 
valeur
padding-top: 
valeur
Valeur(s) possible(s) pour cette propriété :

La valeur peut être une longueur ou un pourcentage de la taille de l'élément parent immédiat.

Valeur initiale

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

Exemple
blockquote {padding-left: 20; padding-top: 10}
#narrowCol {padding-left: 30%; padding-right: 30%}
S'applique à 

Tous les éléments.

Eléments body, caption, div, iframe, marquee, table, td, textarea, tr pour IE 5 et ses versions antérieures pour Windows.

Javascript
[window.]document .getElementById("elementID") .style .paddingBottom
[window.]document .getElementById("elementID") .style .paddingLeft
[window.]document .getElementById("elementID") .style .paddingRight
[window.]document .getElementById("elementID") .style .paddingTop

bottom
clear
clip
display
float
height
left
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
min-height
max-width
min-width
padding
padding-bottom
padding-left
padding-right
padding-top
position
right
text-align -top
vertical-align
width
z-index




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu