CSS vlastnosti

float

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;

HodnotyPopis
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:

cms64Lorem 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í.

CSS na fóru

  • Nejsou žádné příspěvky k zobrazení.

Podpořte tento projekt

V případě, že se Vám tyto stránky líbí a nelezli jste zde informace, které jste potřebovali, přispějte prosím jakoukoliv částkou. Děkujeme!



Přihlášení