Media.


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.

allWszystkie urządzenia
auralSyntezatory mowy
brailleUrządzenia do czytania braillem
embossedDrukarka brailla
handheldUrządzenie ręczne
printDrukarki
projectionProjektory
screenMonitory komputera
ttyUrządzenia o stałej szerokości znaków
tvTelewizory

do góry   menu   powrót   naprzód