Style cssFloat egenskab

Definition og brug

cssFloat Indstil eller returner elementets vandrette justering.

Tip:CSS "float" egenskab kaldes "cssFloat" i JavaScript, fordi "float" er et reserveret ord i JavaScript.

Kommentar:Hvis der ikke er nok plads til at flyde elementet på en linje, vil det springe til næste linje med tilstrækkelig plads.

Se også:

CSS tutorial:CSS flydende

Eksempel

Eksempel 1

Klik på de to knapper for at lade billedet flyde til venstre/rechter side af teksten:

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

Prøv det selv

Eksempel 2

Ændr cssFloat egenskab for DIV elementet:

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

Prøv det selv

Syntaks

Returner cssFloat egenskab:

object.style.cssFloat

Indstil cssFloat egenskab:

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

Egenskabsværdi

Værdi Beskrivelse
none Objektet/elementet flyder ikke. Standard.
left Objektet/elementet vil flyde til venstre i forældrelementet.
right Objektet/elementet vil flyde til højre i forældrelementet.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra forældrelementet. Se inherit.

Tekniske detaljer

Standardværdi: Ingen
Returværdi: Streng, der angiver elementets horisontale justering.
DOM version: DOM Level 2

Browser understøttelse

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