imported>Invisigoth67: form

2025-03-12T15:57:38Z

form

Neue Seite

[[Datei:Wikipedia-logo-v2.svg|miniatur|Beispiel: Dieses Bild sowie dieser Text sind nach rechts gefloatet.]]

'''Float''' ([[Englische Sprache|engl.]] ''(im Wasser) treiben, schweben'') ist eine [[Cascading Style Sheets|CSS]]-Eigenschaft, bei der Elemente andere Elemente um sich herum''fließen'' lassen.<ref>{{Internetquelle |url=https://developer.mozilla.org/en-US/docs/Web/CSS/float |titel=float - CSS: Cascading Style Sheets {{!}} MDN |datum=2025-03-10 |sprache=en-US |abruf=2025-03-12}}</ref> Ein beliebtes Einsatzgebiet sind Texte, in welche eine Grafik eingefügt wird, ohne dass dadurch unschöne Absätze oder Zeilenumbrüche entstehen. Unabhängig davon, ob die vertikale Ausrichtung nach links oder rechts erfolgt, muss das zu umfließende Objekt im Quelltext zuerst aufgeführt werden.

== Beispiel ==
<syntaxhighlight lang="html5">
<img src="Wikipedia-logo-v2.svg" style="float: right;" alt="Wikipedia-Logo" />
<p>Beispiel: Dieses Bild sowie dieser Text sind nach rechts gefloatet.</p>
</syntaxhighlight>
Der gezeigte Code-Ausschnitt bindet eine Grafik ein und lässt den 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 vom Elternelement.
; none
: Es findet keine Ausrichtung des Objektes statt.

Andere, aus dem [[Kontursatz]] bekannte Möglichkeiten oder auch nur das beidseitige Umfließen links und rechts sind nicht möglich.

Die CSS-Anweisung <code>[[Clear (CSS)|clear]]</code> stellt den Textfluss wieder her.

== Einzelnachweise ==
<references />

[[Kategorie:Cascading Style Sheets]]

Float (CSS) - Versionsgeschichte

imported>Invisigoth67: form