La propriété de bourrage définit l’espace entre la bordure de l’élément et son contenu.
Cette propriété peut prendre 4 valeurs :
•Si une valeur est spécifiée, comme div {padding : 50px} - les quatre faces du bourrage valent 50 px.
•Si deux valeurs sont spécifiées, comme div {padding : 50px 10px} - le bourrage supérieur et inférieur est de 50 px, et celui gauche et droit est de 10 px.
•Si vous spécifiez trois valeurs, comme div {rembourrage : 50px 10px 20px} - le rembourrage supérieur et inférieur est de 50 px, celui gauche et droit de 10 px, et celui inférieur de 20 px.
•Si vous spécifiez quatre valeurs, comme div {rembourrage : 50px 10px 20px 30px} - le rembourrage supérieur est de 50 px, celui de droite de 10 px, celui inférieur de 20 px, et celui gauche de 30 px.
DIV CSS margin fait référence à la marge du mot d’attribut CSS, margin est la marge qui définit les quatre côtés de l’objet, sans couleur de fond ni couleur.
1. Syntaxe des marges
Margin:10px
La valeur de la marge est un nombre + unité html, et elle peut aussi être automatique (automatique, adaptative)
2. Structure de l’application
Div{margin :10px}
Réglez l’objet div sur un espacement de 10px
3. Description de la marge
La marge est la distance entre le bord extérieur de l’objet et le bord épitaxial.
Il existe trois situations où la valeur de la marge peut être un entier positif et un entier négatif, et ajouter une unité telle que les pixels PX (marge-gauche : 20px) ; auto peut être utilisé comme attribut automatique (marge-gauche : auto auto) ; Cela peut être une valeur en pourcentage ( %) (marge à gauche : 3 %).
Extension de marge (définir séparément le mot d’attribut d’espacement à quatre faces)
marge-gauche objet marge gauche (marge-gauche : 5px ; Distance d’extension à gauche 5px)
marge-droite La marge droite de l’objet (marge-droite : 5px ; Distance d’extension droite 5px)
Objet marge-haut (marge-top :5px ; Distance épitaxiale supérieure 5px)
Objet marge-bas (marge-bas :5px ; Distance épitaxiale inférieure 5px)
|
Publié sur 30/10/2014 16:21:55
|
|
|
