CSS clair

La description

Le clear empêche un élément d'être affiché à côté des éléments flottants.

Valeurs possibles

  • none - Des éléments flottants peuvent apparaître de chaque côté de l'élément.

  • left - Les éléments flottants peuvent ne pas apparaître à gauche de l'élément.

  • right - Les éléments flottants peuvent ne pas apparaître à droite de l'élément.

  • both - Les éléments flottants peuvent ne pas apparaître de chaque côté de l'élément.

S'applique à

Tous les éléments au niveau du bloc.

Syntaxe DOM

object.style.clear = "top";

Exemple

Voici l'exemple qui montre l'effet de cette propriété -

<html>
   <head>
      <style type = "text/css">
         div.float {
            border:1px solid #ff9900;
            width:120px;
            float: right;
         }
         div.clear {
            border:1px solid #cccccc;
            width:120px;
            clear: right;
         }
      </style>
   </head>

   <body>
   
      <div class = "float">
         This div has float set.
      </div>
      
      <div class = "clear">
         <p>
            This div has the CSS clear property set.
         </p>
         
         <p>
            Try changing the CSS clear values to see the effect it has on the position of the div boxes.
         </p>
      </div>
      
   </body>
</html>

Cela produira le résultat suivant -