Après avoir vu les propriétés de mise en forme d'éléments textuels ou de boîtes, il est temps de voir les propriétés de positionnement et de déplacement.
Nous verrons ici entre autres toutes les propriétés qui permettent de gérer le positionnement, les marges, les bordures et même l'alignement des boîtes.
Nous avons déjà vu une bonne partie de ces propriétés au cours de ce tutoriel. Néanmoins s'il y en a encore dont vous ne connaissez pas le rôle et les caractéristique, vous pouvez cliquer sur le lien mis à votre disposition à côté de la propriété afin de voir en détails son fonctionnement.
Voici les propriétés de positionnement de blocs en CSS :
display : Affichage de l'élément
visibility : Visibilité de l'élément
clip : Affichage d'une partie de l'élément
overflow : Comportement en cas de dépassement
float : Flottement
clear : Arrêt d'un flottement
position : Positionnement
top : Position par rapport au haut
bottom : Position par rapport au bas
left : Position par rapport à la gauche
right : Position par rapport à la droite
z-index : Affichage en cas de superposition
width : Largeur de l'élément
height : Hauteur de l'élément
min-width : Largeur minimale de l'élément
max-width : Largeur maximale de l'élément
min-height : Hauteur minimale de l'élément
max-height : Hauteur maximale de l'élément
margin-top : Marge en haut
margin-left : Marge à gauche
margin-right : Marge à droite
margin-bottom : Marge en bas
margin : Super-propriété de marge qui combine toutes les autres
padding-left : Marge intérieure à gauche
padding-right : Marge intérieure à droite
padding-bottom : Marge intérieure en bas
padding-top : Marge intérieure en haut
padding : Super-propriété de marge intérieure qui combine toutes les autres
border-width : Épaisseur de bordure
border-color : Couleur de bordure
border-style : Style de la bordure
border : Super-propriété de bordure qui combine toutes les autres