Style CSS : positionnement et dimension des éléments

Index des styles

Les styles associés au positionnement et au dimensionnement permettent de contrôler le comportement des éléments les uns par rapports aux autres, la façon dont ils réagissent en fonction de leur contenu, la taille qu'ils occuperont par défaut...

Il est possible en utilisant ces différents styles de complètement gérer le positionnement des éléments, de choisir par rapport à quel référentiel ils seront placés et quelles seront les règles de disposition appliquées à leur contenu.

Propriétés relatives aux positionnement :

propriété	Description	CSS
bottom	Modifie la disposition verticale de l'élément par rapport à sa limite basse	CSS 1
clear	Indique si les éléments flottants sont autorisés autour de l'élément courant	CSS 1
display	Détermine le mode d'affichage des éléments html et leur comportement par rapport aux éléments adjacents	CSS 1
float	Défini le positionnement d'un élément dans son conteneur	CSS 1
left	Modifie la disposition horizontale de l'élément par rapport à sa limite gauche	CSS 1
overflow	Indique le comportement à appliquer à un élément lorsque le contenu dépasse sa taille (spécifiquement au niveau de l'affichage des scrollbars)	CSS 2
overflow-x	Indique le comportement horizontal à appliquer à un élément lorsque le contenu dépasse sa largeur (spécifiquement au niveau de l'affichage de la scrollbar)	CSS 3
overflow-y	Indique le comportement vertical à appliquer à un élément lorsque le contenu dépasse sa hauteur (spécifiquement au niveau de l'affichage de la scrollbar)	CSS 3
position	Détermine le référentiel de positionnement d'un élément	CSS 1
right	Modifie la disposition horizontale de l'élément par rapport à sa limite droite	CSS 1
top	Modifie la disposition verticale de l'élément par rapport à sa limite haute	CSS 1
vertical-align	Détermine l'alignement vertical d'un élément	CSS 1
z-index	Priorise l'ordre d'empilement d'éléments se superposant	CSS 1

Propriétés relatives aux dimensionnement :

propriété	Description	CSS
clip	Permet de définir une zone de taille fixe pour afficher l'élément	CSS 2
height	Détermine la hauteur d'un élément html	CSS 1
max-height	Détermine la hauteur maximale que peut prendre un élément html (non applicable au style display valant inline, table-row ou table-row-group)	CSS 2
max-width	Détermine la largeur maximale que peut prendre un élément html (non applicable au style display valant inline, table-row ou table-row-group)	CSS 2
min-height	Détermine la hauteur minimale que peut prendre un élément html (non applicable au style display valant inline, table-row ou table-row-group)	CSS 2
min-width	Détermine la largeur minimale que peut prendre un élément html (non applicable au style display valant inline, table-row ou table-row-group)	CSS 2
width	Détermine la largeur d'un élément html	CSS 1