CSS: Różnice pomiędzy wersjami
Usunięta treść Dodana treść
Linia 193:
=== Media ===
Najnowsza specyfikacja CSS wprowadza pewne rozróżnienie sposobu wyświetlania elementów, w zależności od tego na jakim urządzeniu jest "wyświetlana" dana strona(ekran,drukarka,urządzenia czytające na głos,itp.).
Pomysł polega na wprowadzeniu przestrzeni nazw dla każdego z tych urządzeń.Elementy zdefiniowane w ogólnej przestrzeni nazw będą interpretowane przez wszystkie urządzenia jednakowo ,natomiast elementów znajdujących się w np. przestrzeni dla ''ekranu'' nie będą interpretowane przez drukarkę.
==== Ustanawianie przestrzeni nazw ====
Przestrzeń można ustawić na dwa sposoby:
* poprzez dyrektywę importującą '''@import''':
@import url('style-drukarkowe.css') print;
@import url('style-ekranowe.css') screen;
* poprzez dyrektywę definiującą przestrzeń '''@media''':
@media screen {
BODY {background-color:#f2f2f2;}/* tło na ekranie będzie szare*/
}
@media print {
BODY {background-color:#ffffff;}/* tło na papierze będzie białe*/
}
@media screen,print {
BODY {color:#000000;}/* tekst na ekranie i papierze będzie czarny*/
}
==Przykład==
| |||