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