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

color

CSS vlastnost color definuje barvu textu (písma) daného elementu. Pokud barva písma není definována, záleží na...

float

CSS vlastnost float definuje obtékání HTML elementů. Daný prvek je "vyjmut" z toku textu a stává se z něj blokový...

height

CSS vlastnost height definuje výšku HTML elementu. Výška nezahrnuje padding, border nebo margin.

width

CSS vlastnost width definuje šířku HTML elementu. Výška nezahrnuje padding, border nebo margin.

align-content

CSS vlastnost align-content zarovná flexibilní HTML elementy podle vedlejší osy (tzn. osy kolmé na osu hlavní) pokud...

  • 1
  • 2
  • 3

Přihlášení