Attribut clear CSS

Définition et utilisation

L'attribut clear spécifie quel côté de l'élément ne permet pas l'apparition d'autres éléments flottants.

Explication

L'attribut clear définit quel côté de l'élément ne permet pas l'apparition d'autres éléments flottants. Dans CSS1 et CSS2, c'est réalisé en ajoutant automatiquement une marge supérieure externe à l'élément de nettoyage (c'est-à-dire l'élément qui a l'attribut clear). Dans CSS2.1, une zone de nettoyage est ajoutée au-dessus de la marge supérieure externe de l'élément, sans changer la marge elle-même. Quelle que soit la modification, le résultat final est le même. Si l'on déclare un nettoyage à gauche ou à droite, la bordure supérieure externe de l'élément sera exactement sous la bordure inférieure externe de l'élément flottant sur ce côté.

Voir également :

Tutoriel CSS :Positionnement CSS

Manuel de référence HTML DOM :Attribut clear

Exemple

Les éléments flottants ne sont pas autorisés à gauche et à droite de l'image :

img
  {
  float:left;
  clear:both;
  }

Essayez-le vous-même

Syntaxe CSS

clear: none|left|right|both|initial|hérité;

Valeur de l'attribut

Valeur Description
left Les éléments flottants ne sont pas autorisés à gauche.
right Les éléments flottants ne sont pas autorisés à droite.
both Les éléments flottants ne sont pas autorisés sur les deux côtés.
aucune Valeur par défaut. Permet aux éléments flottants d'apparaître sur les deux côtés.
hérité Définit que la valeur de l'attribut clear doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.clear="left"

Exemple TIY

Suppression des éléments latéraux de l'élément
Cet exemple montre comment utiliser la suppression des éléments flottants latéraux.

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0