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

manuel de référence CSS

règles CSS @

大全 des propriétés CSS

Méthode d'utilisation et exemple de l'attribut float CSS

L'attribut float CSS spécifie si un cadre doit flotter à gauche, à droite ou ne pas flotter du tout.

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

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

Syntaxe de l'utilisation de float

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

float: left | right | none | initial | inherit

Les exemples suivants montrent comment utiliser l'attribut float.

  p.red {
   float: left;
  }
  p.green {
   float: right;
  }
Voyons voir‹/›

Valeur de l'attribut

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

ValeurDescription
leftL'élément flotte à gauche. Le contenu commence à partir du haut et coule à droite du cadre.
rightSimilaire à left, mais avec la différence que le cadre flotte à droite, le contenu commence à partir de la gauche de ce cadre, et commence par le haut.
noneCe cadre n'est pas flottant. C'est la valeur par défaut.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la valeur de l'attribut float de son élément parent.

Compatibilité du navigateur

Compatibilité des navigateurs pour l'attribut float ; les numéros dans le tableau suivant représentent la version minimale des navigateurs prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

En savoir plus

Veuillez consulter les tutoriels suivants :Float CSSAlignement CSS

Propriétés liées à la position :positiontoprightbottomleftdisplayclear