Stijl cssFloat Property
Voorbeeld
Laat een afbeelding links/rechts van de tekst zweven door op twee knoppen te klikken:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
Definitie en gebruik
De eigenschap cssFloat stelt de horizontale uitlijning van een element in of retourneert.
Opmerking: de CSS-eigenschap "float" wordt in JavaScript "cssFloat" genoemd, omdat "float" een gereserveerd woord is in JavaScript.
Opmerking: Als er op een regel te weinig ruimte is voor het zwevende element, springt het naar de volgende regel die voldoende ruimte heeft.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap cssFloat:
object.style.cssFloat
Stel de eigenschap cssFloat in:
object.style.cssFloat = "left|right|none|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | geen |
---|---|
Winstwaarde: | Een tekenreeks, die de horizontale uitlijning van een element voorstelt |
DOM-versie | DOM-niveau 2 |
Meer voorbeelden
Voorbeeld
Wijzig de eigenschap cssFloat van een DIV-element:
document.getElementById("myDIV").style.cssFloat = "left";
Gerelateerde pagina's
CSS-zelfstudie: CSS Float
❮ Stijlobject