Zum Inhalt springen

@import

  • Redaktion 
  • Zuletzt aktualisiert am

@import

Mit der @import Regel können weitere CSS Dateien in ein CSS Dokument oder in die CSS Angaben im head eingebunden werden. @import sollte nach Möglichkeit am Anfang einer CSS Datei stehen, damit das externe Stylesheet frühzeitig geladen werden kann.

Werte

@import kann innerhalb innerhalb einer CSS Datei angegeben werden. Unter CSS1 war die Schreibweise noch @import url(style.css); Mit CSS2 ist url() weggefallen und es reicht die URL direkt anzugeben.

  • url Link zu einer CSS Datei.
  • type Format der CSS Datei. (bsw: print, aural, oder handheld)

Beispiel

<html>
  <head>
    <style type="text/css">
      @import url('style.css') screen;
      @import 'print.css' print;
    </style>
   </head>
  <body>
    ...
  </body>
</html>