Accueil    CSS    Positions et dimensions
 



style css positionnement et dimension des éléments  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