Propriété cssFloat de style
Exemple
Laisser flotter une image à 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";
}
Définition et utilisation
La propriété cssFloat définit ou renvoie l'alignement horizontal d'un élément.
Remarque : La propriété CSS "float" est appelée "cssFloat" en JavaScript, car "float" est un mot réservé en JavaScript.
Remarque : S'il y a trop peu d'espace sur une ligne pour l'élément flottant, il sautera à la ligne suivante qui a suffisamment d'espace.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez 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é
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | rien |
---|---|
Valeur de retour : | Une chaîne, représentant l'alignement horizontal d'un élément |
Version DOM | DOM Niveau 2 |
Plus d'exemples
Exemple
Modifiez la propriété cssFloat d'un élément DIV :
document.getElementById("myDIV").style.cssFloat = "left";
Pages connexes
Tutoriel CSS : flottant CSS
❮ Objet de style