CSS vlastnosti
float
- Zobrazeno: 1136
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:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris metus. Curabitur bibendum justo non orci. Suspendisse nisl. Curabitur bibendum justo non orci. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce aliquam vestibulum ipsum. Praesent in mauris eu tortor porttitor accumsan. Nullam eget nisl. Integer tempor. Aliquam erat volutpat. Fusce suscipit libero eget elit. Praesent in mauris eu tortor porttitor accumsan. Pellentesque arcu.TIP:
Vlastnost clear slouží k tomu, aby element ukončil obtékání.
Připojení na Twitter
