Test CSS2 vlastnosti @import


(zaměřeno na podporu v IE6, IE7, Firefox 2 a Opera 9)

Připojení definice kaskádových stylů v externím souboru se specifikací výstupního zařízení (CSS2 varianta): stránka by měla mít na obrazovce v pozadí grafiku, v tiskovém náhledu pozadí bílé (v IE je ale pozadí bílé i na obrazovce).

<head>
  <style type="text/css">
    @import url(styly.css) screen;
    @import url(styly2.css) print;
  </style>
</head>


V Opeře a Firefoxu tato nová vlastnost funguje dobře, v IE6 i IE7 ale pouze v syntaxi bez specifikace výstupního zařízení.

<head>
  <style type="text/css" media="all">
    @import url(styly.css)
  </style>
</head>


Starší CSS1 varianta pomocí elementu <link> a atributu media funguje dobře všude.

<head>
  <link rel="stylesheet" href="styly.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="styly2.css" type="text/css" media="print" />
</head>



Poslední aktualizace: , pepe © 2006