clear

Résumé

La propriété clear définit si un élément peut être à côté des éléments flottants qui le précèdent ou s'il doit être placé en dessous d'eux (se libérer).

• Valeur initiale : none
• S'applique à : éléments de type bloc (éléments flottants inclus)
• Héritée : non
• Média : Visuel

Syntaxe

clear: none | left | right | both | inherit

Valeurs

• none : L'élément n'est pas déplacé vers le bas pour se libérer des éléments flottants précédents.
• left : L'élément est déplacé vers le bas pour se libérer des éléments flottants à gauche.
• right : L'élément est déplacé vers le bas pour se libérer des éléments flottants à droite.
• both : L'élément est déplacé en dessous des éléments flottants de gauche et de droite.

Exemples

Voir des exemples en ligne (en)

h1 { clear: none }
h2 { clear: right }

Notes

La propriété clear s'applique aussi bien aux éléments flottants qu'aux éléments non flottants.

Lorsqu'elle s'applique à des blocs non flottants, elle déplace la bordure de l'élément vers le bas, jusqu'à ce qu'elle soit en dessous des marges de tous les éléments flottants appropriés. Ce déplacement (lorsqu'il survient) empêche la Fusion des marges.

Lorsqu'elle s'applique à des éléments flottants, elle déplace la marge de l'élément jusqu'à ce qu'elle soit en dessous des marges de tous les éléments flottants appropriés. Ceci affecte la position des éléments flottants qui suivent, car ils ne peuvent pas être positionnés plus haut que les précédents.

Les éléments flottants qui peuvent se libérer sont ceux qui se trouve au début d'un même contexte de formation de blocs.

Spécifications

• CSS 1 (fr)
• CSS 2 (fr)
• CSS 2.1 (en)

Compatibilité des navigateurs

Voir également

float