Do znaczników style i link można dodać atrybut media, za pomocą którego można wybrać urządzenie wyjściowe. Odnosi sie to do styli wewnętrznych i zewnętrznych, a nie dotyczy zagnieżdzonych. Inną metodą jest użycie komendy @media.
Na przykład kod do wyświetlania na ekranie komputera, konsoli i telewizora ma postać: Dla styli wewnętrznych<head> <style type="text/css" media="screen, tty, tv"> body {background-color:FFFFCC} h2 {color:green;font-style:normal;font-size:large;font-family:sans-serif} </style> ... </head> Lub<head> <style type="text/css"> @media screen { body {background-color:FFFFCC} h2 {color:green;font-style:normal;font-size:large;font-family:sans-serif;} } @media print { body {background-color:FFFFCC} h2 {color:green;font-style:normal;font-size:large;font-family:sans-serif} } </style> ... </head> Dla styli zewnętrznych<head> <style type="text/css"> <!-- @import "menu.css"; --> </style> ... </head> Lub<head> <style type="text/css"> <!-- @import url=(http://style/menu.css"); --> </style> ... </head> Zawartość pliku menu.css.@media screen { body {background-color:FFFFCC} h2 {color:green;font-style:normal;font-size:large;font-family:sans-serif;} } @media print { body {background-color:white} h2 {font-style:normal;font-size:large;font-family:sans-serif} } Wartości atrybutu media.
do góry menu powrót naprzód |