Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
6.0 + | 8.0 + | 2.0 + | 4.0 + | 2.0 + | 1.0 + | 1.0 + | 1.0 + |
Коротка інформація
Значення за умовчанням | all |
---|---|
Посилання на специфікацію | http://www.w3.org/TR/CSS21/cascade.html#at-import |
Версії CSS
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Опис
Правило @ import дозволяє імпортувати вміст CSS-файлу в поточну стильову таблицю. @ import забороняється вставляти після будь-яких оголошень крім @ charset або іншого @ import .
Синтаксис
@ import url (" ім'я файлу") [типи носіїв]; @ import" ім'я файлу" [Типи носіїв];
В якості типу носія виступають різні пристрої, наприклад, принтер, КПК, монітор та ін. В табл. 1 перераховані деякі з них.
Тип | Опис |
---|---|
all | Всі типи. Це значення використовується за умовчанням. |
aural | Мовні синтезатори, а також програми для відтворення тексту вголос. Сюди, наприклад, можна віднести мовні браузери. |
braille | Пристрої, засновані на системі Брайля, які призначені для сліпих людей. |
handheld | наладонних комп'ютери і аналогічні їм апарати. |
Друкуючі пристрої на кшталт принтера. | |
projection | Проектор. |
screen | Екран монітора. |
tv | Телевізор. |
Використання типів носіїв спільно з імпортом файлу дає можливість вказувати стиль тільки для певних пристроїв.
Значення
як значення використовується шлях до стильового файлу, який вказується всередині необов'язковою конструкції url () . Шлях до файлу при цьому можна писати як в лапках (подвійних або одинарних), так і без них.
Приклад
HTML5 CSS2.1 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Імпорт стилю </title> <style> @import" /style/main.css" screen; /* Стиль для виведення результату на монітор */ @import" /style/palm.css" handheld, print; /* Стиль для друку */ </style> </head> <body> <p> ... </p> </body> </html>
Браузери
Браузер Internet Explorer до версії 7.0 включно не підтримує типи носіїв при імпорті стильового файлу. Більш того, при додаванні типу носія стильовий файл взагалі не завантажується.