Propriété cssFloat du style

Définition et utilisation

cssFloat Définit ou retourne l'alignement horizontal de l'élément.

Astuce :L'attribut CSS "float" est appelé "cssFloat" en JavaScript car "float" est un mot réservé en JavaScript.

Remarque :Si l'espace disponible pour l'élément flottant sur une ligne est insuffisant, il passe à la ligne suivante qui a suffisamment d'espace.

Voir également :

Tutoriel CSS :Flottaison CSS

Exemple

Exemple 1

Lorsque vous cliquez sur les deux boutons, faites flotter l'image à gauche ou à droite du texte :

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

Essayez-le vous-même

Exemple 2

Modifier l'attribut cssFloat de l'élément DIV :

document.getElementById("myDIV").style.cssFloat = "left";

Essayez-le vous-même

Syntaxe

Retourner l'attribut cssFloat :

objet.style.cssFloat

Définir l'attribut cssFloat :

objet.style.cssFloat = "left|right|none|initial|inherit"

Valeur de l'attribut

Valeur Description
none L'objet/élément ne flotte pas. Par défaut.
gauche L'objet/élément flotte à gauche dans l'élément parent.
droite L'objet/élément flotte à droite dans l'élément parent.
initial Cette propriété est réglée sur sa valeur par défaut. Voir également initial.
inherit Cette propriété est héritée de l'élément parent. Voir également inherit.

Détails techniques

Valeur par défaut : Aucun
Retour valeur : Chaîne de caractères représentant l'alignement horizontal de l'élément.
Version du DOM : Niveau 2 du DOM

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support