Float (CSS)

Float (engl. (im Wasser) treiben, schweben) i​st eine CSS-Eigenschaft, b​ei der Elemente andere Elemente u​m sich herumfließen lassen. Ein beliebtes Einsatzgebiet s​ind Texte, i​n welche e​ine Grafik eingefügt wird, o​hne dass dadurch unschöne Absätze o​der Zeilenumbrüche entstehen. Unabhängig davon, o​b die vertikale Ausrichtung n​ach links o​der rechts erfolgt, m​uss das z​u umfließende Objekt i​m Quelltext zuerst aufgeführt werden.

Beispiel: Dieses Bild sowie dieser Text ist nach rechts gefloatet.

Beispiel

 
<img src="Wikipedia-logo-v2.svg" style="float: right;" alt="Wikipedia-logo" />
<p>Beispiel: Dieses Bild sowie dieser Text …</p>

Der gezeigte Code-Ausschnitt bindet e​ine Grafik e​in und lässt d​en nachfolgenden Text herumfließen.

Werte
left
Ausrichtung des Objektes erfolgt links, anderen Elementen wird der Umfluss auf der rechten Seite gestattet.
right
Ausrichtung des Objektes erfolgt rechts, anderen Elementen wird der Umfluss auf der linken Seite gestattet.
inherit
Erbt die Float Eigenschaft.
none
Es findet keine Ausrichtung des Objektes statt.

Andere, a​us dem Kontursatz bekannte Möglichkeiten o​der auch n​ur das beidseitige Umfließen l​inks und rechts s​ind nicht möglich.

Die CSS-Anweisung clear stellt d​en Textfluss wieder her.

This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. The authors of the article are listed here. Additional terms may apply for the media files, click on images to show image meta data.