mozilla
Vos résultats de recherche

    padding

    Résumé

    La propriété CSS padding définit la marge intérieure d'un bloc pour tous les côtés. La zone concernée est l'espace entre le contenu et la bordure d'un bloc. C'est un raccourci pour éviter de régler chaque côté séparément avec les autres propriétés de padding (padding-top, padding-right, padding-bottom et padding-left).

    • Valeur initiale La concaténation des valeurs initiales des propriétés associées :
      • padding-bottom: 0
      • padding-left: 0
      • padding-right: 0
      • padding-top: 0
    • S'applique à all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column
    • Héritée non
    • Pourcentages se rapporte à la largeur du bloc contenant
    • Média visual
    • Valeur calculée comme chacune des propriétés du raccourci:
      • padding-bottom: le pourcentage comme spécifié ou la longueur absolue
      • padding-left: le pourcentage comme spécifié ou la longueur absolue
      • padding-right: le pourcentage comme spécifié ou la longueur absolue
      • padding-top: le pourcentage comme spécifié ou la longueur absolue
    • Animable oui, comme une longueur
    • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

    Syntaxe

    padding: [ <longueur> | <percentage> ] {1,4}
    

    Valeurs

    Une, deux, trois ou quatre valeurs sont acceptées mais les valeurs négatives ne sont pas autorisées.

    <longueur>
    Spécifie une valeur fixe positive. Pour les unités, voir <longueur>.
    <pourcentage>
    Spécifie un pourcentage.
    • Une seule valeur : elle s'applique aux quatre côtés.
    • Deux valeurs : la première s'applique pour le haut et le bas, la seconde pour la gauche et la droite.
    • Trois valeurs : la première s'applique pour le haut, la seconde pour la gauche et la droite et la troisième pour le bas.
    • Quatre valeurs : elles s'appliquent respectivement pour le haut, la droite, le bas et la gauche.

    Exemples

    padding: 5%;                /* tous les côtés ont une marge intérieure de 5% */
    padding: 10px;              /* tous les côtés ont une marge intérieure de 10px */
    padding: 10px 20px;         /* le haut et le bas ont un padding de 10px et la gauche et la droite de 20px */
    padding: 10px 3% 20px;      /* le haut a un padding de 10px, la gauche et la droite de 3% et le bas de 20px */
    padding: 1em 3px 30px 5px;  /* le haut a un padding de 1em, la droite de 3px, le bas de 30px et la gauche de 5px */
    

    width: 330px; border: outset; padding: 5% 1em;

    Spécifications

    Spécification Station Commentaire
    CSS Basic Box Model Working Draft Aucun changement.
    CSS Level 2 (Revision 1) Recommendation Aucun changement.
    CSS Level 1 Recommendation Définition initiale.

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support de base 1.0 1.0 (1.0) 4.0 3.5 1.0 (85)
    Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base ? ? ? ? ? ?

    Voir également

    padding-bottom ; padding-left ; padding-right ; padding-top

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: the prisoner, teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale