CSS Triedenie
CSS triedenie vám povoluje ur?i?, ako a kde sa zobrazí element.
Príklady
Ako zobrazi? element
,ako inline elementntu.
Tento príklad predvádza, ako zborazi? element, ako inline element.
Ako zobrazi?
element ako block element
Tento príklad predvádza, ako zobrazi? element, ako block element.
Jednoduché pou?itie float vlastnosti
Necha? obrázok pláva? dorpava v odstavci.
Obrázok s okrajom a odstupom, ktorý pláva doprava v odstavci
Necha? obrázok pláva? dorpava v odstavci. Prida? bordery a odstupy do obrázka.
Obrázok s titulkom, ktorý pláva doprava
Necah? obrázok s titulkom pláva? doprava.
Necha? prvé písmeno v odstavci pláva? do?ava
Necah? prvé písmeno v odstavci pláva? do?ava a da? mu ?týl.
Vytváranie horizontálneho menu
Pou?itie float s odrá?kami linkov navytvorenie horizontálneho menu.
Vytváranie homepage bez tabuliek
Pou?i? float na vytvorenie homepage s hlavi?kou, pätou, ?avým a hlavným obsahom.
Position:relative
Tento príklad predvádza, ako umiestni? element relatívne k jeho nromálnej pozícií.
Position:absolute
Tento príklad predvádza, ako umiestni? element, pou?itím absolútnej hodnoty.
Ako urobi? element nevidite?ným
Tento príkald predvádza, ako urobi? element nevidite?ným. Chcete, aby sa element ukázal alebo nie?
Ako urobi? element spojeným
Tento príklad predvádza, ako urobi? tabu?ku spojenú.
Zmena kurzora
Tento príklad predvádza, ako zmeni? kurzor my?i.
Vy?isti? strany elementu
Tento príkald predvádza, ako vy?isti? strany iných plávajúcich elementov.
CSS Vlastnosti Triedenia
CSS Vlastnosti Triedenia vám povolujú kontrolova?, ako sa má zobrazi? elmeent, nastavi?, kde sa zobrazí obrázok v inom elemente
, umiestni? element relatívne k jeho nromálnej pozícií, umiestni? element s pou?i?ím
absolútnej hodnoty a ako kontrolova? vidite?nos? elementu.
Podpora prehliada?a: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: ?íslo vo "W3C" st?pci indikuje, pre ktoré CSS odporú?anie je vlastnost
deifnovaná (CSS1 alebo CSS2).
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| clear |
Nastaví strany elementu, kde iné plávajúce elementy nie sú povolené |
left
right
both
none |
4 |
1 |
4 |
1 |
| cursor |
Ur?uje typ kurzora, ktorý sa má zobrazi? |
url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help |
4 |
1 |
6 |
2 |
| display |
Nastaví ?i/ako sa má element zobrazi? |
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption |
4 |
1 |
4 |
1 |
| float |
Nastaví, kde sa obrázok alebo text zobrazí v inom elemente |
left
right
none |
4 |
1 |
4 |
1 |
| position |
Umiestni element do statickej, relatívnej, absolútnej alebo fixnej pozícií |
static
relative
absolute
fixed |
4 |
1 |
4 |
2 |
| visibility |
Nastaví, ?i bude element vidite?ný/nevidite?ný |
visible
hidden
collapse |
4 |
1 |
6 |
2 |
|