Site hosted by Angelfire.com: Build your free website today!

CSS Taustad

CSS

CSS tausta omadused võimaldavad määratleda kõikide elementide tausta efekte.

Taust veebisaidis on väga oluline komponent. Proffessionaalse veebisaidi tegemisel valitakse tavaliselt hele taust ja tume tekst. Kui teha saiti lihtsalt meelelahutuseks siis kõlbab ükskõik milline värvi kombinatsioon.

Näited

 red_dot.gif Tausta värvi määramine
Selles näites demonstreeritakse, kuidas määrata elemendi tausta värvi.

 red_dot.gif Tausta pildi määramine
Selles näites demonstreeritakse, kuidas saab pilti kasutada taustaks.

 red_dot.gif Tausta pilt kordub
Selles näites demonstreeritakse, kuidas saab tausta pilti panna ennast kordama.

 red_dot.gif Tausta pilt kordub vertikaalselt
Selles näites demonstreeritakse, kuidas saab tausta pilti panna ennast kordama ainult vertikaalselt.

 red_dot.gif Tausta pilt kordub horisontaalselt
Selles näites demonstreeritakse, kuidas saab tausta pilti panna ennast kordama ainult horisontaalselt.

 red_dot.gif Tausta pilt ei kordu
Selles näites demonstreeritakse, kuidas tausta pilt ei korda ennast.

 red_dot.gif Tausta pildi paigutamine
Selles näites demonstreeritakse, kuidas tausta pilti paigutada.

 red_dot.gif Tausta pildi positsioneerimine-1
Selles näites demonstreeritakse, kuidas tausta pilti paigutada kasutdes protsente (%).

 red_dot.gif Tausta pildi positsioneerimine-2
Selles näites demonstreeritakse, kuidas tausta pilti paigutada kasutdes pikseleid (px).

 red_dot.gif Tausta pildi fikseerimine
Selles näites demonstreeritakse, kuidas tausta pilti fikseerida. Sellisel juhul veebilehe kerimisel, pilt kaasa ei liigu.

 red_dot.gif Tausta pildi omadused ühes deklaratsioonis
Selles näites demonstreeritakse, kuidas tausta pildi omadused lühidalt fikseerida ühes deklaratsioonis.

CSS Tausta Omadused

CSS tausta omadused võimaldavad kontrolli all hoida tausta värvi igas elemendis, paigaldada mingi pilt taustaks ning seda pilti suvaliselt paigutada ja positsioneerida.

Tausta omaduste nimekiri

Omadus Kirjeldus Väärtus
background Võimaldab kõik tausta omadused fikseerida ühes deklaratsioonis background-color
background-image
background-repeat background-attachment
background-position
background-attachment Määrab kindlaks, kas pilt kerimisel liigub kaasa v. on fikseeritud scroll
fixed
background-color Määrab tausta värvi elemendis color-rgb
color-hex
color-name
transparent
background-image Pilt taustana url(URL)
none
background-position Määrab tausta pildi alguspunkti top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
background-repeat Määrab kas pilt kordab ennast v. mitte repeat
repeat-x
repeat-y
no-repeat