Exemple
Laissez un flotteur d'image vers la gauche / droite du texte, en cliquant sur deux boutons:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de cssFloat ou retourne l'alignement horizontal de l'élément.
Remarque: Le CSS "float" propriété est appelée "cssFloat" en JavaScript, parce que "float" est un mot réservé en JavaScript.
Note: S'il y a trop peu de place sur une ligne pour l'élément flottant, il sautera à la ligne suivante qui a assez d' espace.
Support du navigateur
La propriété cssFloat est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété cssFloat:
object .style.cssFloat
Définissez la propriété cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| none | L'objet / élément ne flotte pas. Ce défaut est |
| left | L'objet / élément flottera à gauche dans l'élément parent |
| right | L'objet / élément flottera à droite dans l'élément parent |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | aucun |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente l'alignement horizontal d'un élément |
| version DOM | DOM Niveau 2 |
autres exemples
Exemple
Modifiez la propriété cssFloat d'un élément DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Essayez vous - même » Pages associées
Tutoriel CSS: CSS Float
<Style objet