Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété float spécifie si oui ou non une boîte (an element) doit flotter.
Note: les éléments en position absolue ignore la propriété float!
| Valeur par défaut: | none |
|---|---|
| Hérité: | no |
| Animable: | no. Read about animatable |
| Version: | CSS1 |
| Syntaxe JavaScript: | object .style.cssFloat="left" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Syntaxe CSS
float: none|left|right|initial|inherit;propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| none | L'élément ne flotte pas, et sera affiché à l'endroit où il se produit dans le texte. Ceci est par défaut | Joue-le " |
| left | L'élément flottant vers la gauche | Joue-le " |
| right | L'élément flotte le droit | Joue-le " |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | Joue-le " |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Autres exemples
Laissez la première lettre d'un paragraphe float à la gauche
Laissez la première lettre d'un paragraphe float à gauche et le style de la lettre.
Création d' un menu horizontal
Utilisez flotteur avec une liste d'hyperliens pour créer un menu horizontal.
Création d' une page d' accueil sans tables
Utilisez flotteur pour créer une page d'accueil avec un en-tête, pied de page, le contenu à gauche et le contenu principal.
Pages associées
Tutoriel CSS: CSS Float
Référence HTML DOM: cssFloat property