CSS Pozadia

obrazok obrazok

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


obrazok obrazok