CSS:float
Un article de MDC.
[modifier] Résumé
La propriété float spécifie qu'un élément doit être retiré du flux normal et placé à la droite ou à la gauche de son bloc conteneur, où le texte et les éléments en-ligne se répartiront autour de lui.
- Valeur initiale : aucune
- S'applique à : tous les éléments
- Héritée : non
- Valeur calculée : comme spécifiée
Un élément flottant est un élément pour lequel la valeur calculée de float n'est pas égale à none.
Si vous faites référence à cette propriété en utilisant JavaScript comme composant de l'objet element.style, vous devez écrire
cssFloat (voir la liste DOM:CSS). Sachez également que IE nécessite l'utilisation de styleFloat.[modifier] Syntaxe
float: left | right | none | inherit
[modifier] Valeurs
- left
- L'élément flotte à gauche du bloc conteneur.
- right
- L'élément flotte à droite du bloc conteneur.
- none
- L'élément ne flotte pas.
[modifier] Exemples
Voir des exemples en ligne (en)
<html>
<head>
<style type="text/css">
strong
{
font-size: 25px;
float:right;
}
</style>
</head>
<body>
<p>
<strong>HELLO!</strong>
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
</p>
</body>
</html>
[modifier] Notes
À faire : Expliquer comment sont positionnés les éléments flottants. Mention de Contexte de formation de blocs. (À traduire de en:CSS:block formatting context.)
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
| Navigateurs | Version minimales |
|---|---|
| Internet Explorer | 4 |
| Netscape | 4 |
| Opera | 3.5 |