Clear (proprit CSS)

Dfinit le placement des lments flottants les uns par rapport aux autres. Les lments flottants sont dfinis par la proprit Float : ils sont contourns par le texte. Clear permet d'viter qu'un lment se mette cot de l'lment flottant prcdent.

La proprit Clear est traite assez diffremment par les navigateurs. Sur certains (Opera par exemple), elle n'agit que sur les lments eux-mmes flottants.

Voir aussi la proprit Float.

Valeurs pour Clear.

NoneLes lments flotants se positionnent normalement et ventuellement se mettent cte cte.
LeftL'lment est repouss aprs les lments flotants dj placs sur sa gauche.
RightL'lment est repouss aprs les lments flotants dj placs sur sa droite.
BothL'lment est repouss aprs les lments flotants dj placs sur sa gauche et sur sa droite.
InheritMme valeur que celle de l'lment parent.

Exemples.

Lorsque plusieurs images ont la proprit Float, le texte les contourne mais si ce dernier n'est pas suffisamment long, les images risquent de se placer cte cte.

Float: Left;

L'image ci-contre est contourne par ce court texte (proprit Float:Left).

La deuxime image est galement flottante.

Float: Left; Clear: Left;

L'image ci-contre est contourne par ce court texte (proprit Float:Left).

La deuxime image est repousse en dessous de l'autre par la proprit Clear.

Pour toute utilisation des informations de cette page, reportez vous au copyright