background-image

Določa sliko v ozadju elementa. Ko določimo sliko za ozadje, moramo definirati tudi barvo ozadja, ki bo uporabljena ko slika ne bo dosegljiva ali je ne bo mogoče prikazati. Ko pa sliko prikaže bo prikazana nad barvo tako da jo bo prekrivala. Barva bo vidna samo v primeru, če slika ne bo zavzemala celotnega prostora ali pa je uporabljena datototeka GIF z prozornostjo.

Vrednost za določanje lokacije slike je url.

vrednost	opis	NN	IE	CSS
none	Ničta vrednost je privzeta. Stran je brez slike za ozadje. Če določimo ta ukaz za ozadje, lahko zagotovimo, da noben predhodni ukaz ne bo vplival na ozadje.	4	4	1
url(datoteka)	Z naslovom URI datoteke v obliki `url(naslov)`, kjer namesto besede `naslov` vpišemo dejanski naslov uri datoteke s sliko. Če je naslov podan relativno in so slogi opisani z datoteko CSS, mora biti naslov relativen glede na datoteko CSS, v kateri so opisani slogi, ne glede na datoteko HTML, ki vključuje sloge (Netscape se tega pravila ne drži, zato pride do težav, če datoteki CSS in HTML nista v isti mapi). Naslov je lahko tudi v narekovajih.	4	4	1

Primeri

body       { background-image: url(ozadje.gif) }
p          { background-image: none }
code       { background-image: url(comet.jpg); }
blockquote { background-image: url("c:\InetPub\Moje\comet.jpg") }
li         { background-image: url(http://www.brezno.com/foto/raca.gif)}

→ Slika za ozadje je v isti mapi kot datoteka CSS

Gor e-gradiva CSS primeri background-image background-repeat

SERŠ Maribor : Strokovna gimnazija : 2004 : Aleš Brumec

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri