Test CSS2 vlastnosti @import


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

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 6 a 7 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 IE8, Opeře, Firefoxu a Safari tato nová vlastnost funguje dobře, v IE6 i IE7 ale pouze v syntaxi bez specifikace výstupního zařízení (viz tento příklad).

<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 (viz tento příklad).

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



pepe © 2006