Sommaire

Les Affichage:remplissage interneremplissages Boîte:remplissage interneinternes

Le remplissage interne, propriété Affichage:paddingpadding, détermine l’espace entre le contenu et la bordure. Vous pouvez avoir un remplissage identique des quatre côtés avec la propriété padding, ou différencier les quatre côtés avec les propriétés padding-top, padding-right, padding-bottom et padding-left.

Voici un exemple simple :

<!doctype html> 
<html lang="fr"> 
<head> 
   <meta charset="UTF-8"> 
   <title>Titre de la page</title> 
   <style> 
       p { 
           border: 1px solid black ; 
       } 
       #p-un { 
           padding: 10px ; 
       } 
       #p-deux { 
           padding-top: 10px ; 
           padding-right: 20px ; 
           padding-bottom: 30px ; 
           padding-left: 40px ; 
       } 
   </style> 
</head> 
<body> 
   <p id="p-un">Lorem ipsum dolor sit amet...</p> 
   <p id="p-deux">Cras mattis ...