CSS Padding


CSS Padding


Les propriétés de remplissage CSS définir l'espace entre la bordure de l'élément et l'élément de contenu.

Rembourrage

Le rembourrage efface une zone autour du contenu (à l'intérieur de la frontière) d'un élément. Le rembourrage est affectée par la couleur de fond de l'élément.
Le rembourrage en haut, droite, bas, gauche et peut être modifiée indépendamment en utilisant les propriétés distinctes. Une propriété padding raccourci peut aussi être utilisé, à changer tous les rembourrages à la fois.

Valeurs possibles

ValeurDescription
longueurDéfinit un remplissage fixe (en pixels, pt, em, etc)
%Définit un remplissage en% de l'élément contenant


Rembourrage - côtés individuels

En CSS, il est possible de spécifier rembourrage différente pour différents côtés:

Exemple

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Essayez vous-même »


Rembourrage - Sténographie la propriété

Pour raccourcir le code, il est possible de spécifier toutes les propriétés de remplissage dans une propriété. C'est ce qu'on appelle un raccourci.
La propriété raccourcie pour toutes les propriétés de remplissage est "padding":

Exemple

padding:25px 50px;

Essayez vous-même »
La propriété padding peut avoir de une à quatre valeurs.
  • padding: 25px 50px 75px 100px;
    • padding haut est 25px
    • marge droite est 50px
    • padding-bottom est 75px
    • padding gauche est 100px
  • padding: 25px 50px 75px;
    • padding haut est 25px
    • rembourrages droite et gauche sont 50px
    • padding-bottom est 75px
  • padding: 25px 50px;
    • rembourrages haut et du bas sont 25px
    • rembourrages droite et gauche sont 50px
  • padding: 25px;
    • les quatre rembourrages sont 25px

Exemples

Exemples

Toutes les propriétés de remplissage dans une déclaration
Cet exemple démontre un raccourci pour la mise en toutes les propriétés de remplissage dans une déclaration, peut avoir de une à quatre valeurs.
Réglez le padding gauche
Cet exemple montre comment définir le padding gauche de l'élément ap.
Définir la marge droite
Cet exemple montre comment définir la marge droite de l'élément ap.
Définir les marges supérieure
Cet exemple montre comment définir les marges supérieure de l'élément ap.
Réglez le padding-bottom
Cet exemple montre comment définir l'padding-bottom de l'élément ap.

Toutes les propriétés CSS Padding

PropriétéDescription
rembourrageUne propriété raccourcie pour définir toutes les propriétés de remplissage dans une déclaration
padding-bottomDéfinit le padding-bottom d'un élément
padding-leftDéfinit l'espacement gauche d'un élément
padding-rightDéfinit la marge droite d'un élément
padding-topDéfinit l'espacement supérieure d'un élément

0 commentaires:

Post a Comment

HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT