CSS - flottant

La description

La propriété float entraîne le déplacement d'un élément d'un côté de la zone de contenu de l'élément parent, ce qui permet à un autre contenu de circuler autour de lui.

Valeurs possibles

  • left - L'élément flotte sur le côté gauche de la zone de contenu de son élément parent.

  • right - L'élément flotte sur le côté droit de la zone de contenu de son élément parent.

  • none - L'élément n'est pas flotté.

S'applique à

Tous les éléments mais les éléments positionnés et le contenu généré.

Syntaxe DOM

object.style.float = "left";

Exemple

Voici l'exemple montrant l'utilisation de cette propriété -

<h1 style = "float: left;">
   CSS float Example
</h1>
<p>
   If your browser supports the CSS float Property, this text will be flowing  around the heading.
</p>

Cela produira le résultat suivant -

CSS float Example

Print