Rembourrage - CSS
Traitement des propriétés de rembourrage....!
Explication
Propriété :
RembourrageTous les rembourrages (haut, droit, bas, gauche) peuvent être combinés avec un seul marqueur. Usage:
padding: 20px;
padding: 10px 20px 30px 10px;
padding: 10px 20px;
padding: 20px 10px 30px;
Définition:
Le rembourrage pout être configuré avec l’onglet « rembourrage ».
Il se présente avec les valeurs suivantes.
a)20px : Ceci établira un rembourrage de 20px sur les quatre côtés (haut, droit, bas, gauche).
b)10px 20px 30px 10px: Ce format configurera le rembourrage selon l'ordre haut, droit, bas, gauche.
c)10px 20px : Ce format configurera le rembourrage supérieur et droit. Le rembourrage inférieur prendra la valeur du rembourrage supérieur (10px) et le rembourrage gauche prendra la valeur du rembourrage droit (20px).
d)20px 10px 30px: Ce format configurera le rembourrage supérieur, droit, et inférieur. Le rembourrage gauche prendra la valeur du rembourrage droit.
Ces valeurs peuvent se présenter en pourcentage, points ou pixels.
Exemple 1: <div align=right style="
padding: 20px;">
Ici, on a établit un rembourrage de 20 pixels.
Vous pouvez constater que ce paragraphe a des rembourrages sur les quatre côtés.
</div>
Résultat: Ici, on a établit un rembourrage de 20 pixels. Vous pouvez constater que ce paragraphe a des rembourrages sur les quatre côtés.
Exemple 2: <div style="
padding: 10px 50px 30px 5px;">
Ici, on a établit le rembourrage avec quatre valeurs.
Vous pouvez constater que ce paragraphe a un rembourrage supérieur de 10px, rembourrage droit de 50px, rembourrage inférieur de 30px et 5px de rembourrage gauche.
</div>
Résultat: Ici, on a établit un rembourrage avec quatre valeurs. Vous pouvez constater que ce paragraphe a un rembourrage supérieur de 10px, rembourrage droit de 50px, rembourrage inférieur de 30px et 5px de rembourrage gauche.
Exemple 3: <div style="
padding: 20px 40px;">
Ici, on a établit une marge avec deux valeurs.
Vous pouvez constater avec ce paragraphe que le rembourrage supérieur et inférieur est de 20px et 40px sur la gauche et droite.
</div>
Résultat: Ici, on a établit un rembourrage avec deux valeurs. Vous pouvez constater avec ce paragraphe que le rembourrage supérieur et inférieur est de 20px et 40px sur la gauche et droite.
Exemple 4: <div style="
padding: 10px 50px 40px;">
Ici, on a établit une marge avec trois valeurs.
Vous pouvez constater que ce paragraphe a un rembourrage supérieur de 10px, de 50px à droit, et 40px sur la marge inférieure. Le rembourrage gauche prend la valeur de son côté opposé qui est de 50px.
</div>
Résultat: Ici, on a établit un rembourrage avec trois valeurs. Vous pouvez constater que ce paragraphe a un rembourrage supérieur de 10px, de 50px à droit, et 40px sur la marge inférieure. Le rembourrage gauche prend la valeur de son côté opposé qui est de 50px.
A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.
Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.