Modèle de boîte

Le modèle de boîte CSS est un module CSS qui définit les boîtes rectangulaires (y compris leurs zones de remplissage (padding) et de marges) qui sont générées pour disposer les éléments selon leur modèle de mise en forme visuelle.

Référence

Propriétés

Les propriétés qui définissent le flux du contenu dans une boîte

Les propriétés qui définissent la taille d'une boîte

Les propriétés qui définissent les marges d'une boîte

Les propriétés qui définissent le remplissage (padding) d'une boîte

Les autres propriétés

Guides et outils

Une introduction au modèle de boîte CSS
Cet article explique un des concepts clé de CSS : le modèle de boîte. Il définit notamment les notions de marge, de remplissage (padding) ainsi que les différentes zones qui forment une boîte.
Maîtriser la fusion des marges
Dans certains cas, deux marges adjacentes sont fusionnées en une seule. Cet article explique quand cela se produit et comment contrôler ce comportement.
Un générateur de code pour box-shadow
Un outil interactif qui permet de créer des ombres et de générer le code associé qui pourra être utilisé pour la propriété box-shadow.

Spécifications

Spécification État Commentaires
CSS Basic Box Model Version de travail  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation Initial definition

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 1.0 1.0 (1.7 ou moins) 3.0 3.5 1.0 (85)
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple 1.0 1.0 (1) 6.0 6.0 1.0

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli
 Dernière mise à jour par : SphinxKnight,