Utilisateur:Darkoneko/CSS/modele de boite

Un article de Wikipédia, l'encyclopédie libre.

permet de modifier l'interaction des elements de type bloc avec le reste

on peut par exemple ajouter une bordure a un paragraphe, une marge entre cette bordure et le contenu, une marge entre cette bordure et l'exterieur...

arguments

• padding: = marge interieure
  • raccourci de : margin-left, margin-right, margin-top, margin-bottom, "margin:hauteur largeur" si on veux preciser uniquement verticalement et horizontalement
• margin: = marge exterieure
  • raccourci : meme remarque que padding
• width: = largeur du contenu (hors marges et bordures)
• height: = hauteur du contenu (idem)

La valeur donnee est soit en pixel (px), em ou xm

• border:epaisseur style couleur;

epaisseur = typiquement 1px

style = solid (trait continu), dotted (pointille), dashed (pointille longs)

couleur = bah euuuh la couleur

/!\ IE fait son relou la dessus :

• IE5 et 5.5 width/height = largeur/hauteur bord a bord padding compris
• IE6 : en mode strict (avec un doctype strict) = modele normalise correct

doctype transitionnel ou pas de doctype (mode adaptation) : meme erreur que IE5

border est la commande compressee pour plein de trucs

• border-left, border-right, border-top, border-bottom
• border-left-style, border-left-width, border-left-color et pareil pour les 3 autres cotes

• background-color: = couleur de fond du truc
• background-image: = definir une image de fond pour l'element
• background-repeat:
  • no-repeat (pas de mosaique)
  • repeat-x (mosaique horizontal)
  • repeat-y (mosaique verticale)
  • repeat (mosaique dans les 2 sens)
• background-position: posV posH (posV = top center bottom ; posH left center right)
• background: #eee url("..") repeat-x == commande raccourcie