CSS | pozadí, barvy

Ikonka:

Pozadí prvků + barvy

(zpět na seznam)

color

= určuje barvu prvku
př.: color: #FF0000;

color

= kód barvy

background-color

= určuje barvu pozadí prvku
př.: background-color: black;

transparent

= průhledné pozadí

barva

= kód barvy

background-image

= obrázek na pozadí prvku
př.: background-image: url("pozadi.png");

none

= bez obrázku

url

= cesta k obrázku

background-position

= určuje barvu prvku
př.: background-position: 100px 50px;

velikost

= x px a y px od okrajů prvku

procenta

= x % a y % od okrajů prvku

top

= pozadí na vertikálním středu prvku

center

= pozadí na horizontálním středu prvku

bottom

= pozadí při spodním okraji prvku

left

= pozadí při levém okraji prvku

right

= pozadí při pravém okraji prvku

background-repeat

= určuje barvu prvku
př.: background-repeat: no-repeat;

repeat

= pozadí se stále opakuje

no-repeat

= pozadí se zobrazí pouze jedno a dále se neopakuje

repeat-x

= pozadí se opakuje podle osy x

repeat-y

= pozadí se opakuje podle osy y

background-attachment

= určuje barvu prvku
př.: background-attachment: fixed;

scroll

= obrázek na pozadí se bude posouvat spolu s obsahem při skrolování stránky

fixed

= obrázek na pozadí se nebude posouvat při skrolování stránky, vznikne efekt plavání textu nad obrázkem

background

= hodnoty postopně background-color, background-image, background-repeat, background-attachment, background-position
př.: background: red url("pozadi.png") no-repeat fixed center;

Podpora v prohlížečích:

= výborná

= nepoužívat
hodnota = výchozí hodnota