English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle @CSS (RULES)

大全 des propriétés CSS

Méthodes d'utilisation et exemples de la propriété clear CSS

La propriété clear CSS spécifie quel côté de l'élément ne permet pas d'autres éléments flottants.En savoir plus.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que sa syntaxe d'utilisation dans les scripts JavaScript.

Valeur par défaut :none
Applicable à :Tous les éléments
Héritage :Non
Animable :Non Voir Attributs d'animation.
Version :CSS 1,2,3
Syntaxe JavaScript :object.style.clear="left"

Syntaxe d'utilisation de clear

La syntaxe de cette propriété est la suivante :

clear: left | right | auto | both | none | initial | inherit

L'exemple suivant montre comment utiliser la propriété clear.

  clearfix:after  {
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
   clear: both;
  }
Vérifiez‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
leftL'élément descend pour supprimer le flottant à gauche passé.
rightL'élément descend pour supprimer le flottant à droite passé.
bothL'élément descend pour supprimer les flottants à gauche et à droite.
autoNe pas supprimer aucun élément flottant précédent. C'est la valeur par défaut.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise la valeur de la propriété clear de son élément parent.

Compatibilité du navigateur

La compatibilité des navigateurs pour la propriété clear, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 5+

  • Apple Safari 1+

  • Opera 6+

Lire la suite

Voir tutoriel :CSS Float.

Propriétés associées :float.