CSS La propriété : padding

.......................

CSS les marges intérieurs


Les propriétés CSS

La propriété de feuille de style css padding css permet de gérer les quatres marges intérieures (droite, gauche, haute, basse) d'un élément HTML ou XHTML

Définition et utilisation:La propriété padding

La propriété padding raccourcie marge intérieure fixe l'ensemble des propriétés de marge dans une déclaration.
Cette propriété peut avoir de une à quatre valeurs.

Exemples: padding:10px 5px 15px 20px;
  • padding du haut est10px
  • padding de droite est 5px
  • padding du bas est 15px
  • padding de gauche est 20px
padding:10px 5px 15px;
  • padding du haut est 10px
  • padding de droite et de gauche sont 5px
  • padding du bas est 15px
padding:10px 5px;
  • padding du haut et de bas sont 10px
  • padding de droite et du gauche sont 5px
padding:10px;
  • toute les paddings sont 10px

Note: Les valeurs négatives sont autorisées.

Code css : Sélectionner le code
	p
	{
	padding:5px 10px 5px 10px;
	}
	

La valeur par défaut: 0
Héritée: non
Version: CSS1
la syntaxe JavaScript: object.style.padding="10px 5px"

Valeurs de la propriété :padding

Valeur Description
auto l'explorateur calcule la marge automatiquement
nombre définie la marge en px ou cm
% un pourcentage de la largeur de lélément parent
inherit Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur





Par carabde 10 mars 2014
  • HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    fonction strnatcmp, strnatcmp

    Comparaison de chaînes avec l'algorithme d'"ordre naturel"

    La librairie GD creation d'une image

    La librairie GD creation d'une image

    Balise ssub

    Définit un texte en indice