Proprietà cssFloat Style

Definizione e uso

cssFloat Imposta o restituisce il modo di allineamento orizzontale dell'elemento.

Suggerimento：L'attributo "float" in CSS è chiamato "cssFloat" in JavaScript perché "float" è una parola riservata in JavaScript.

Nota：Se lo spazio disponibile per l'elemento fluttuante in una riga è insufficiente, questo passerà alla riga successiva con spazio sufficiente.

Vedi anche：

Tutorial CSS：Fluttuazione CSS

Esempio

Esempio 1

Fai fluttuare l'immagine a sinistra/sinistra del testo quando si cliccano sui due pulsanti：

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

Prova tu stesso

Esempio 2

Modifica l'attributo cssFloat dell'elemento DIV：

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

Prova tu stesso

Sintassi

Restituisce l'attributo cssFloat：

oggetto.style.cssFloat

Imposta l'attributo cssFloat：

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

Valore dell'attributo

Valore Descrizione
none L'oggetto/elemento non fluttua. Predefinito.
left L'oggetto/elemento fluttuerà a sinistra all'interno dell'elemento padre.
right L'oggetto/elemento fluttuerà a destra all'interno dell'elemento padre.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial。
inherit Questa proprietà è ereditata dal suo elemento padre. Vedi inherit。

Dettagli tecnici

Valore predefinito： Nessuno
Valore di ritorno： Stringa che rappresenta il modo di allineamento orizzontale dell'elemento.
Versione DOM: DOM Livello 2

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto