Beispiel
Lassen Sie ein Bild Schwimmer nach links / rechts neben dem Text, wenn zwei Tasten klicken auf:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Versuch es selber " Definition und Verwendung
Die cssFloat Eigenschaftssätze oder gibt die horizontale Ausrichtung eines Elements.
Hinweis: Die CSS "float" Eigenschaft heißt "cssFloat" in JavaScript, weil "float" ein reserviertes Wort in JavaScript ist.
Note: Wenn es auf einer Linie für das Floating - Element zu wenig Platz ist, wird es in die nächsten Zeile springt nach unten , die genügend Platz hat.
Browser-Unterstützung
Die cssFloat Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die cssFloat Eigenschaft:
object .style.cssFloat
Stellen Sie die cssFloat Eigenschaft:
object .style.cssFloat="left|right|none|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| none | Objekt / Element nicht flotiert. Dies ist die Standardeinstellung |
| left | Das Objekt / Element schwimmt auf der linken Seite in der Mutterelement |
| right | Das Objekt / Element schwimmt auf der rechten Seite in der Mutterelement |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | keiner |
|---|---|
| Rückgabewert: | Ein String, die die horizontale Ausrichtung eines Elements |
| DOM Version | DOM Level 2 |
Mehr Beispiele
Beispiel
Ändern Sie die cssFloat Eigenschaft eines DIV-Element:
document.getElementById("myDIV").style.cssFloat = "left";
Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Float
<Style - Objekt