Style cssFloat- Eigenschaft
Beispiel
Lassen Sie ein Bild links/rechts vom Text schweben, wenn Sie auf zwei Schaltflächen klicken:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
Definition und Verwendung
Die cssFloat-Eigenschaft legt die horizontale Ausrichtung eines Elements fest oder gibt sie zurück.
Hinweis: Die CSS-Eigenschaft „float“ heißt in JavaScript „cssFloat“, weil „float“ in JavaScript ein reserviertes Wort ist.
Hinweis: Wenn auf einer Zeile zu wenig Platz für das schwebende Element ist, springt es nach unten in die nächste Zeile, die genügend Platz hat.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die cssFloat-Eigenschaft zurück:
object.style.cssFloat
Legen Sie die cssFloat-Eigenschaft fest:
object.style.cssFloat = "left|right|none|initial|inherit"
Eigenschaftswerte
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
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, der die horizontale Ausrichtung eines Elements darstellt |
DOM-Version | DOM-Level 2 |
Mehr Beispiele
Beispiel
Ändern Sie die cssFloat-Eigenschaft eines DIV-Elements:
document.getElementById("myDIV").style.cssFloat = "left";
Verwandte Seiten
CSS-Tutorial: CSS Float
❮ Style-Objekt