Правило @import дозволяє імпортувати вміст файлу CSS у поточну стильову таблицю. @import не дозволяється вставляти після будь-яких оголошень, крім @charset або іншого @import.
Синтаксис
<code>@import url("ім'я файлу") [типи носіїв]; @import "ім'я файлу" [типи носіїв];В якості типу носія виступають різні пристрої, наприклад, принтер, КПК, монітор та ін. У табл. 1 наведено деякі з них.
| Тип | Опис | |
|---|---|---|
| all | Всі типи. Це значення використовується за замовчуванням. td class="sel">screen | Екран монітора. |
Використання типів носіїв спільно з імпортом файлу дає змогу вказувати стиль лише для певних пристроїв.
Позначення
| Опис | Приклад | |
|---|---|---|
| <тип> | Вказує тип значення. | <розмір> |
| A && B | Значення повинні виводитися в зазначеному порядку. | <розмір> && <колір> |
| A | B | Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). | normal | small-caps |
| A || B | Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. | width || count |
| [ ] | Групує значення. | [ crop || cross ] |
| * | Повторювати нуль або більше разів. | [,<час>]* |
| + | Повторювати один або більше разів. | <число>+ |
| ? | Вказаний тип, слово або група не є обов'язковим. | inset? |
| {A, B} | Повторювати не менше A, але не більше B разів. | <радіус>{1,4} |
| # | Повторювати один або більше разів через кому. | <час># |
Значення
В якості значення використовується шлях до стильового файлу, який вказується всередині необов'язкової конструкції url(). Шлях до файлу при цьому можна писати як у лапках (подвійних або одинарних), так і без них.
Приклад
<!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>