CSS vlastnosti
float
- Zobrazeno: 1244
Definice a použití
CSS vlastnost float definuje obtékání HTML elementů. Daný prvek je "vyjmut" z toku textu a stává se z něj blokový element.
CSS Syntaxe
float: none | left | right | initial | inherit;
Hodnoty | Popis |
---|---|
none | element neplave, toto je výchozí nastavení |
left | element se snaží doplavat co nejvíce doleva, takže je obtékaný zprava |
right | element se snaží doplavat co nejvíce doprava, takže je obtékaný zleva |
initial | nastaví tuto vlastnost zpět na její výchozí hodnotu |
inherit | zdědí tuto vlastnost od jeho rodičovského elementu |
Ukázka použití
CSS:
Obrázek bude plavat vlevo a obtékán zprava:
img {
float: left;
}
Umožňuje zobrazení obrázku právě tam, kde se vyskytuje v textu (obrázek neplave):
img {
float: none;
}
HTML:
<div>
<img src="/obrazek.jpg" alt="obrázek">
</div>
VÝSLEDEK:

TIP:
Vlastnost clear slouží k tomu, aby element ukončil obtékání.