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ů)