Flux et positionnement

Boîte

Box model

Propriétés liées :

display : mode d'affichage
- block : bloc, occupe toute la largeur de son parent
- inline : en ligne, occupe la largeur de son contenu
- inline-block : en ligne, mais avec une largeur et une hauteur
- flex : flexbox
- grid : grille
- table : tableau
- none : pas d'affichage
- ...
position: référentiel de positionnement
- static : position par défaut
- relative : position relative à la position par défaut
- absolute : position absolue, par rapport à l'élément parent le plus proche
- fixed : position fixe, par rapport à la fenêtre du navigateur
- sticky : position collante, entre relative et fixe
float : permet de faire flotter un élément à gauche ou à droite
- left : flottant à gauche
- right : flottant à droite
- none : pas de flottant
clear : suppression des flottants
- left : pas de flottant à gauche
- right : pas de flottant à droite
- both : pas de flottant à gauche ou à droite
overflow: gestion du débordement
- visible : déborde
- hidden : caché
- scroll : barre de défilement
- auto : barre de défilement si nécessaire
z-index : gestion de la superposition : plus le nombre est élevé, plus l'élément est au-dessus
visibility : gestion de la visibilité
- visible : visible
- hidden : caché
- collapse : pour les tableaux, efface la ligne ou la colonne (peu utilisé)
opacity : gestion de l'opacité (0 = transparent, 1 = opaque)

Programme