CSS Pozadia
CSS background vlasntosti definujú efekty na pozadí elementu.
Príklady
Nastavi? farbu pozadia
Tento príklad predvádza, ako nastavi? farbu na pozadí pre element.
Nastavi? obrázok, ako pozadie
Tento príklad predvádza, ako nastavi? obrázok, ako pozadie.
Ako opakova? obrázok na pozadí
Tento príklad predvádza, ako opakova? obrázok na pozadí.
Ako opakova?
obrázok na pozadí len vertikálne
Tento príklad predvádza, ako opakova? obrázok na pozadí len vertikálne.
Ako opakvoa? obrázok na pozadí
len horizontálne
Tento príklad predvádza, ako opakova? obrázok pozadia len horizontálne.
Ako zobrazi? obrázok pozadia len jeden raz
Tento príklad predvádza, ako zobrazi? obrázok pozadia len jeden raz
Ako polo?i? obrázok pozadia
Tento príklad predvádza, ako polo?i? obrázok pozadia na stránku.
Ako umiestni? obrázok pozadia, s pou?i?ím %
Tento príklad predvádza, ako umiestni? obrázok pozadia, s pou?i?ím %.
Ako umiestni? obrázok pozadia, s pou?i?ím pixelov
Tento príklad predvádza, ako umiestni? obrázok pozadia, s pou?i?ím pixelov.
Ako pevne nastavi? obrzok pzoadia
Tento príklad predvádza, ako nastavi? obrázok na pozadí napevno. Obrázok sa nebude posúva?
so stránkou, pri scrollovaní.
V?etky background vlastnosti v jednom
Tento príklad predvádza, ako pou?i? skratku, kde si nastavíte v?etky vlasgtnosti background v jednom.
CSS Background Vlastnosti
CSS Background vlastnosti vám povolujú kontrolova? farbu pozadia elementu, nastavi?
obrázok, ako pozadie, opakova? obrázok na pozadí vertikálne, horizonálne a umiestni? obrázok na stránke.
Podpora prehliada?a: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: ?íslo vo "W3C" st?pci indikuje, pre ktoré CSS odporú?anie je
vlastnos? definovaná (CSS1 alebo CSS2).
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| background |
Skratka, kde si v?etky background vlastnosti nastavíte v jednom |
background-color
background-image
background-repeat background-attachment background-position |
4 |
1 |
6 |
1 |
| background-attachment |
Nastaví, ?i sa bude obrázok na pozadí posúva? so stránkou, pri scrollovaní |
scroll
fixed |
4 |
1 |
6 |
1 |
| background-color |
Nastaví farbu pozadia elementu |
color-rgb
color-hex
color-name
transparent |
4 |
1 |
4 |
1 |
| background-image |
Nastaví obrázok pozadia |
url(URL)
none |
4 |
1 |
4 |
1 |
| background-position |
Nastaví za?iato?nú pozíciu obrázka na pozadí |
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos |
4 |
1 |
6 |
1 |
| background-repeat |
Nastaví, ?i/ako sa bude obrázok pozadia opakova? |
repeat
repeat-x
repeat-y
no-repeat |
4 |
1 |
4 |
1 |
|