Podsumowanie
Własność float określa, że element powinien być wyjęty z normalnego przepływu i umieszczony przy lewej lub prawej stronie zawierającego go kontenera, zaś tekst i elementy liniowe będą zawijały się wokół niego.
- Wartość początkowa:
none - Stosowana do: wszystkich elementów
- Dziedziczona: no
- Procenty:
- Media:
visual - Wartość wyliczona: jako określone
Element pływający jest jedynym, gdzie wartość wyliczona float nie jest równa none.
Zauważ, że, jeśli odwołujesz się do tej wartości z JavaScript jako elementu obiektu element.style, musisz oznaczyć to cssFloat (zobacz listę na DOM:CSS). Zwróć też uwagę, że IE nazywa to styleFloat.
Składnia
float: left | right | none | inherit
Wartości
- left : Element pływa po lewej stronie zawierającego go bloku.
- right : Element pływa po prawej stronie zawierającego go bloku.
- none : Element nie pływa.
Przykłady
<html>
<head>
<style type="text/css">
b
{
font-size: 25px;
float:right;
}
</style>
</head>
<body>
<p>
<b>HELLO!</b>
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
</p>
</body>
</html>
Notatki
TODO: Notatka powinna wyjaśniać, jak elementy pływające są pozycjonowane. Wzmianka o block formatting context.
Specyfikacje
Zgodność z przeglądarką
| Przeglądarka | Najniższa wersja |
|---|---|
| Internet Explorer | 4 |
| Netscape | 4 |
| Opera | 3.5 |