CSS floatEigenschaft
Beispiel
Das Bild nach rechts floaten:
img
{
float:right;
}
{
float:right;
}
Selbst ausprobieren »
Weitere Beispiele unten auf dieser Seite.
Attributdefinition und Verwendungshinweise
Die float-Eigenschaft legt fest, ob eine Box (ein Element) floaten soll.
Hinweis:Absolut positionierte Elemente ignorieren die float-Eigenschaft!
| Standardwert: | none |
|---|---|
| Vererbt: | nein |
| Version: | CSS1 |
| JavaScript-Syntax: | object.style.cssFloat="left" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| left | Das Element floatet nach links. |
| right | Das Element floatet nach rechts. |
| none | Standardwert. Das Element floatet nicht und wird an seiner Position im Text angezeigt. |
| inherit | Gibt an, dass der Wert der float-Eigenschaft vom übergeordneten Element geerbt werden soll. |
Weitere Beispiele
Lassen Sie den ersten Buchstaben eines Absatzes nach links floaten und fügen Sie diesem Buchstaben Stil hinzu.
Verwenden Sie float, um ein horizontales Menü aus Hyperlink-Listen zu erstellen.
Verwenden Sie float, um eine Homepage mit einem Header, Footer, einem linken Inhaltsverzeichnis und einem Hauptinhaltsbereich zu erstellen.
Ähnliche Artikel
CSS-Tutorial:CSS Float
Weitere Erweiterungen