Dans le cours : L'essentiel des CSS

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 900 cours dispensés par des experts.

Utiliser les paddings

Utiliser les paddings - Tutoriel CSS

Dans le cours : L'essentiel des CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Utiliser les paddings

“

Concentrons-nous maintenant sur le contenu de cette boîte. Le texte touche le bord de mon div et ce n'est pas forcément très joli. Pour contrôler cela en CSS, nous avons cette célèbre propriété qu'est le padding. Mettons que je mette ici un padding de pixels pour mon élément. Je sauvegarde, je reviens dans ma page Web. Qu'est-ce que c'est que ce padding ? C'est un espace que je mets autour de mon contenu, et du coup le contenu ne touche plus le bord de mon div. Avouez que c'est beaucoup plus joli comme ceci ! Si vous voulez visualiser ce padding, vous pouvez faire un clic-droit sur votre div et examiner cet élément à l'aide des outils de développement de votre navigateur, ici Firefox. Quand je passe ma souris sur mon div dans la partie inférieure de l'écran, dans la partie supérieure de l'écran on voit maintenant très clairement ce padding. Le padding, c'est cette zone bleu foncé que nous avons autour de la boîte. La boîte est toujours la zone…

Table des matières