Esempio
Lasciate un galleggiante immagine a sinistra / destra del testo, quando si fa clic su due pulsanti:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà cssFloat o restituisce l'allineamento orizzontale di un elemento.
Nota: Il CSS "float" proprietà è chiamata "cssFloat" in JavaScript, perché "float" è una parola riservata in JavaScript.
Note: Se c'è troppo poco spazio su una linea per l'elemento flottante, salterà giù alla riga successiva che ha abbastanza spazio.
Supporto browser
La proprietà cssFloat è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà cssFloat:
object .style.cssFloat
Impostare la proprietà cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| none | L'oggetto / elemento non è flottato. Questa è l'impostazione predefinita |
| left | L'oggetto / elemento galleggerà verso sinistra nell'elemento padre |
| right | L'oggetto / elemento galleggia sulla destra nell'elemento padre |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | nessuna |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta l'allineamento orizzontale di un elemento |
| DOM Version | DOM Level 2 |
Altri esempi
Esempio
Modificare la proprietà cssFloat di un elemento DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Prova tu stesso " Pagine correlate
CSS tutorial: Float CSS
<Stile di oggetto