Pravilo @media

Koda:	@media screen { p.test {font-family:verdana,sans-serif; font-size:15px} } @media print { p.test {font-family:times,serif; font-size:10px; color:red;} } @media screen,print { p.test {font-weight:bold} }
Izgled v brskalniku:	Če boste natisnili to stran, bo pisava v tem odtavku drugega tipa, manjše velikosti in rdeče barve.
Razlaga:	To pravilo omogoča različna slogska pravila za različne medije v istem slogu (kot v podanem primeru). Stil v tem primeru ukazuje brskalniku prikaz 15 pikslov velike pisave tipa Verdana za prikaz na zaslonu, toda ko je stran natisnjena, bo pisava rdeče barve, velikosti 10 pikslov in tipa Times. Debelina pisave pa je nastavljena na debelo tako na zaslonu, kot tudi na papirju.

Koda:

@media screen
{
p.test {font-family:verdana,sans-serif; font-size:15px}
}

@media print
{
p.test {font-family:times,serif; font-size:10px; color:red;}
}
@media screen,print
{
p.test {font-weight:bold}
}

Izgled v
brskalniku:

Če boste natisnili to stran, bo pisava v tem odtavku drugega tipa, manjše velikosti in rdeče barve.

Razlaga:

To pravilo omogoča različna slogska pravila za različne medije v istem slogu (kot v podanem primeru).

Stil v tem primeru ukazuje brskalniku prikaz 15 pikslov velike pisave tipa Verdana za prikaz na zaslonu, toda ko je stran natisnjena, bo pisava rdeče barve, velikosti 10 pikslov in tipa Times. Debelina pisave pa je nastavljena na debelo tako na zaslonu, kot tudi na papirju.

Gor e-gradiva CSS ABC primeri

SERŠ Maribor : Strokovna gimnazija : 2004 : Darko Milanović

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri