Background-color = barva pozadí

Hodnoty	Funkce
barva	barva, která vypní pozadí prvku
transparent	prvek bude průhledný

Příklad
p {background-color: #000000;} // odstavec bude mít černé pozadí

Background-image = obrázek na pozadí

Hodnoty	Funkce
url(„obrazek.gif“)	obrázek, který vypní pozadí prvku
none	bez obrázku na pozadí

Příklad
p {background-image: url(„pozadi.gif“);} // odstavec bude mít na pozadí obrázek „pozadi.gif“

Background-position = pozice pozadí

Hodnoty	Funkce
x	horizontální umístění pozadí
y	vertikální umístění pozadí

x

Hodnoty	Funkce
left	zarovnání vlevo
right	zarovnání vpravo
center	zarovnání na střed

y

Hodnoty	Funkce
top	zarovnání nahoru
bottom	zarovnání dolů
center	zarovnání na střed

Příklad
p {background-position: center bottom ;} // zarovnání pozadí vespod doprostřed – první hodnota udává pozici v ose x a druhá v ose y

Background-repeat = opakování pozadí

Hodnoty	Funkce
repeat	pozadí se opakuje
no-repeat	pozadí se neopakuje
repeat-x	pozadí se opakuje horizontálně
repeat-y	pozadí se opakuje vertikálně

Příklad
p {background-repeat: repeat-x;} – pozadí se opakuje horizontálně

Background-attachment = upevnění pozadí

Hodnoty	Funkce
scroll	pozadí se roluje ze stránkou
fixed	pozadí se neroluje, stojí na místě

Příklad
p {background-attachment: fixed;} – pozadí se neroluje, stojí na místě

Hodnocení tutoriálu: 2.2 (hodnotilo 24 uživatelů)

Ohodnoťte tutoriál (jako ve škole): 1 2 3 4 5