Style cssFloat-egenskapen

Definition och användning

cssFloat Egenskapen ställer in eller returnerar elementets horisontella justering.

Tips:CSS "float"-egenskapen kallas "cssFloat" i JavaScript eftersom "float" är ett reserverat ord i JavaScript.

Kommentar:Om det inte finns tillräckligt med utrymme för den flytande elementet på en rad, hoppas det till nästa rad med tillräckligt utrymme.

Se också:

CSS-lärobok:CSS flytande

Exempel

Exempel 1

När du klickar på de två knapparna, låt bilden flyta till vänster eller höger om texten:

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

Prova själv

Exempel 2

Ändra cssFloat-egenskapen för DIV-elementet:

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

Prova själv

Syntaks

Returnera cssFloat-egenskapen:

object.style.cssFloat

Ställ in cssFloat-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
none Objekt/element flyter inte. Standard.
left Objekt/element kommer att flyta till vänster i föräldrelementet.
right Objekt/element kommer att flyta till höger i föräldrelementet.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Följ från föräldrelementet detta egenskap. Se inherit.

Tekniska detaljer

Standardvärde: Ingen
Returvärdet: Sträng som anger elementets horisontella justering.
DOM version: DOM nivå 2

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd