CSS:Retraits extérieurs et intérieurs

Un article de WikiTuto.

Jump to: navigation, search
  1. Généralités
  • Feuilles de style : appliquer un style
  1. Application d'un style à un code HTML
  2. Association avec un média particulier
  3. Association d'un style à une balise
  4. DIV et SPAN
  5. Notion de boîte
  • Feuilles de style : liste des éléments
  1. Unités de mesure
  2. Propriétés de police
  3. Mise en forme du texte
  4. Mise en forme de liste
  5. Couleurs et arrière-plans
  6. Retraits extérieurs et intérieurs
  7. Cadres
  8. Positionnement absolu des éléments
  • Exemple de réalisation de feuille de style
  1. Que doit contenir le site
  2. deux feuilles de style
  3. feuille de style pour l'écran
  4. La feuille de style pour l'impression
  • Positionnement et affichage
  1. Positionnement et affichage explications
  2. propriété clear
  3. Exemple de positionnement flottant
  4. Affichage
  • Bouton CSS sans programmation
  1. Bouton plat
  2. Bouton en relief
  • margin, margin-top, margin-bottom, margin-left, margin-right : retraits extérieurs à un bloc ; on donnera une (ou plusieurs s'il s'agit de margin) longueur exprimée dans les unités de la section intitulée « Unités de mesure », ou un pourcentage de la dimension correpondante de l'élément parent ;
  • padding, padding-top, padding-bottom, padding-left, padding-right : retraits intérieurs à un bloc ; on donnera une (ou plusieurs s'il s'agit de padding) longueur exprimée dans les unités de la section intitulée « Unités de mesure », ou un pourcentage de la dimension correpondante de l'élément parent.

Il n'est pas peut-être pas inutile de rappeler le sens des mots padding et margin :

Le sens des mots padding et margin

Si vous utilisez margin ou padding :

  • une seule valeur s'applique aux quatre côtés;
  • quatre valeurs s'appliquent dans l'ordre en haut, à droite, en bas et à gauche (dans le sens des aiguilles d'une montre) ;
  • deux ou trois valeurs s'appliquent comme pour quatre, les valeurs manquantes étant prise sur le bord opposé.
[modifier]

Source

Dominique Gonzalez

[modifier]

Voir aussi

Récupérée de « http://www.wikituto.org/index.php/CSS:Retraits_ext%C3%A9rieurs_et_int%C3%A9rieurs »
Boîte à outils
Annuaire gratuitCe site est listé dans la catégorie Informatique : Aide et astuces en informatique Annuaire