Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Der Schwimmer Eigenschaft gibt , ob ein Feld (an element) schweben sollte.
Note: Absolut positionierte Elemente ignoriert die Eigenschaft float!
| Standardwert: | none |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS1 |
| JavaScript-Syntax: | object .style.cssFloat="left" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS-Syntax
float: none|left|right|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| none | Das Element wird nicht schwammen, und wird nur angezeigt werden, wenn sie in dem Text auftritt. Dies ist die Standardeinstellung | Spiel es " |
| left | Das Element schwimmt nach links | Spiel es " |
| right | Das Element schwimmt das Recht | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Lassen Sie den ersten Buchstaben eines Absatzes Schwimmer nach links
Lassen Sie den ersten Buchstaben eines Absatzes Schwimmer auf der linken Seite und den Brief Stil.
Erstellen eines horizontalen Menü
Verwenden Sie Schwimmer mit einer Liste von Hyperlinks eine horizontale Menü zu erstellen.
Erstellen einer Homepage ohne Tabellen
Verwenden Sie Schwimmer eine Homepage mit einem Header, Footer, links Inhalt und Inhalt zu erstellen.
Verwandte Seiten
CSS Tutorial: CSS Float
HTML - DOM - Referenz: cssFloat property