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 |