Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство @import

Справочник: 
Правило

Характеристики свойства

В каких браузерах работает?

8.0+ 2.0+ 4.0+ 2.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Правило осуществляет вставку содержимого таблицы стилей в определенный файл CSS. Чтобы правило корректно отработало,оно не должно стоять после других объявлений. Исключением является @charset и, естественно, само правило @import.

Как правильно задавать?

@import url("название документа") [типы носителей];
@import "название документа" [типы носителей];

Какие могут быть значения?

Значением для этого правила выступает путь к документу. После адреса указывается разновидность носителя. Ниже представлены значения, через который указывают, какой носитель используется

Носитель Пояснение
all Соответствует всем возможным носителям. Это значения установлено по умолчанию
aural Устройство, которое считывает информацию и преобразует ее в голосовой формат. В качестве примера выступает речевой браузер.
braille Носитель, который работает по принципу Брайля. Такие устройства предназначены для людей, которые не видят.
handheld Соответстввует КПК и похожим устройствам.
print Печатающие устройства.
projection Проектор.
screen Монитор.
tv Телевизор.

Пример использования

<!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>

Тип CSS свойства: 
Правило