Float (propriété CSS)

Définit si un élément est habillé par le texte (le texte le contourne) et à quel endroit se positionne cet élément..

Voir aussi la propriété Clear.

Valeurs pour Float.

NoneL'élément est inséré dans le flot du texte. Il n'y pas d'habillage.
RightL'élément est placé à droite. L'habillage se fait par la gauche.
LeftL'élément est placé à gauche. L'habillage se fait par la droite.
InheritMême valeur que celle de l'élément parent.

Exemples.

Float: None;

Dans cet exemple, l'image n'est pas habillée : le texte ne la contourne pas.

IMG {Float:Right;}

L'image est positionnée à droite et est habillée par le texte : ce dernier la contourne par la gauche.
Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte.

IMG {Float:Left;}

L'image est positionnée à gauche et est habillée par le texte : ce dernier la contourne par la droite.
Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte. Suite du texte.

TABLE {Float:Left;}

  
  
Float peut s'appliquer à de nombreux éléments : images <img>, tableaux <table>, blocs de texte <div>, etc...

IMG {Float:Right; Margin-Right:10pt;}

Les propriétés Margin permettent d'éloigner le texte de l'image et d'améliorer ainsi la présentation.

:First-Letter { Color: Blue;
    Font-Size:18pt;
    Float: Left;
    Margin-Right: 5pt;}

Les propriétés ci-dessus (et en particulier la propriété Float) appliquées au pseudo-élément :First-Letter, font apparaître une lettrine.

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