CSS: Pozadí

CSS vlastnosti pro nastavení barev a pozadí.

color

Nastavuje barvu textu. Nastavit barvy můžete pomocí hexadecimálního tvaru (#OOOOO), nebo pomocí názvů (black)

style="color: red"

background-color

Nastavuje barvy pozadí

style="background-color: white"

Základem dobrého webu je nastavení barvy pozadí i v případě, že má být bílá (implicitní nastavení). Někteří návštěvníci mají implicitní barvu pozadí změněnou. Černý text na černém pozadí... není dobře vidět.

background-image

Obrázek jako pozadí prvku

background-image: url(cesta k obrázku)

style="background-image: url('../_img/pozadi.gif')"

background-repeat

Opakování obrázku na pozadí donekonečna, jen jednou, podle osy x a y

repeat | no-repeat | repeat-x | repeat-y

style="background-image: url(../_img/js.gif); background-repeat: repeat-y"

Pozadí se bude opakovat jen vertikálně (osa y). Když byste chtěli zobrazit pozadí jen jednou, použijte hodnotu no-repeat

background-attachment

Pozadí, které se neposune při rolování stránky.

background-attachment: scroll | fixed

Hodnota fixed obrázek fixuje, připichuje na stránku. Obrázek se při rolování neposunuje

background-position

Pozice pozadí

background-positon:top| center| bottom| left
center| right| 10px| 10%| 10pt

style="
background-image: url(../_img/pozadi.gif);
background-repeat: no-repeat; 
background-position: right 0px; top 50px"

Pozadí je posunuté vůči prvku o 50 px shora.

background

Nastavuje všechny předchozí parametry a šetří ruce a místo

background: url posouvání barva opakování zarovnání

style="background: url(../_img/js.gif) scroll lightblue no-repeat right"

Další: Úpravy a styl textu

Navigace