CSS floatPropriété
Exemple
Faites flotter l'image à droite :
img
{
float:right;
}
{
float:right;
}
Essayez-le vous-même »
Plus d'exemples en bas de cette page.
Définition de l'attribut et instructions d'utilisation
La propriété float indique si une boîte (élément) doit flotter.
Remarque :Les éléments en position absolue ignorent la propriété float !
| Valeur par défaut : | none |
|---|---|
| Héritée : | non |
| version : | CSS1 |
| Syntaxe JavaScript : | object.style.cssFloat="left" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version de navigateur qui prend entièrement en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Valeur de la propriété
| Valeur | Description |
|---|---|
| left | L'élément flotte à gauche. |
| right | L'élément flotte à droite. |
| none | Valeur par défaut. L'élément ne flotte pas et sera affiché à sa position dans le texte. |
| inherit | Spécifie que la valeur de la propriété float doit être héritée de l'élément parent. |
Plus d’exemples
Faites flotter la première lettre d'un paragraphe à gauche, et ajoutez du style à cette lettre.
Utilisez float pour créer un menu horizontal de listes de liens hypertexte.
Utilisez float pour créer une page d'accueil avec un en-tête, un pied de page, une table des matières à gauche et une zone de contenu principale.
Articles connexes
Tutoriel CSS :CSS Float
autres extensions