Comment implémenter le remplissage dans CSS avec des exemples

Cet article vous fournira des connaissances détaillées et complètes sur la façon d'implémenter le remplissage en CSS avec des exemples.

Le rembourrage est l'un des aspects les plus importants de et . Dans cet article, nous discuterons de l'importance et de l'utilisation de Padding en CSS dans l'ordre suivant:



Qu'est-ce que le remplissage en CSS?

La propriété padding vous permet de spécifier où spécifier et combien d'espace doit apparaître entre le texte du contenu d'un élément et sa bordure. La valeur de cet attribut doit être une longueur ou un pourcentage, ou le mot.



Padding-in-CSS



Si la valeur est héritée, ce sera le même remplissage que le parent. Ici, si le pourcentage est utilisé, le pourcentage est celui de la boîte contenant.

Propriétés de remplissage

Les propriétés suivantes de Padding en CSS peuvent être utilisées pour contrôler les listes. Néanmoins, vous pouvez également définir différentes valeurs pour le remplissage sur l'un ou l'autre des côtés de la boîte en utilisant principalement les propriétés suivantes:

  • Rembourrage en bas: il spécifie le remplissage inférieur d'un élément.



  • Haut de rembourrage: Il spécifie le remplissage supérieur d'un élément.

  • Rembourrage à gauche: Il spécifie le remplissage à gauche de l'élément.

  • Rembourrage à droite: Il spécifie le rembourrage droit de l'élément.

  • Rembourrage: Cela sert de raccourci pour d'autres propriétés.

La propriété Padding-bottom:

Ceci est défini sur le remplissage inférieur d'un élément. Il peut prendre les valeurs en longueur de pourcentage.


Il s'agit du remplissage inférieur spécifié par le paragraphe



Ceci est un autre paragraphe spécifié remplissage inférieur en pourcentage

Production:

La propriété Padding-top

Cette propriété padding-top définira le remplissage supérieur d'un élément. Cela peut prendre des valeurs en longueur de pourcentage.


Il s'agit du remplissage supérieur spécifié par le paragraphe



Ceci est un autre paragraphe de remplissage supérieur spécifié en pourcentage

Production:

La propriété Padding-left

Cette propriété padding-left définira le remplissage gauche d'un élément. Il peut prendre des valeurs en longueur de pourcentage.


Ceci est le remplissage de gauche spécifié dans le paragraphe



Ceci est un autre paragraphe spécifié avec remplissage à gauche en pourcentage

Production:

La propriété Padding-right

Cette propriété padding-right définira le remplissage droit d'un élément. Il peut prendre des valeurs en longueur de pourcentage.


Ceci est le remplissage à droite du paragraphe spécifié



Ceci est un autre paragraphe spécifié remplissage à droite en pourcentage

définir le chemin de classe java windows 7

Production:

La propriété Padding

Cette propriété de remplissage définit le remplissage à droite, à gauche, en haut et en bas. Cela peut prendre les valeurs en longueur de pourcentage.


Tous ces quatre rembourrages seront de 20 px



Le rembourrage en haut et en bas sera de 20 pixels, à droite et à gauche de 10% de la largeur totale du document



Le rembourrage en haut et en bas sera de 20 px, le rembourrage à droite sera de 3% de la largeur totale du document, le rembourrage du bas et le rembourrage du haut seront de 20 px

Production:

Avec cela, nous arrivons à la fin de cet article étonnant sur le remplissage en CSS. J'espère que vous avez compris les différentes façons dont nous pouvons ajouter du rembourrage.

Si vous souhaitez en savoir plus sur le développement Web, consultez le par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

Si vous êtes toujours intéressé Si vous avez des questions, vous pouvez les poster dans la section commentaires de ce blog «Padding in CSS», et nous vous répondrons dans les plus brefs délais.