	ИНФОРМАЦИЯ, ДИЗАЙН, ПЕРЕВОДЫ, РЕКЛАМА . . .	w a p - с а й т
		Информационный портал

Сегодня:

admin@aranea.ru
+79068922256

aranea.ru || Спецификация CSS2 | 7.2. Определение стилевых таблиц, зависимых от медиа.

7.2. Определение стилевых таблиц, зависимых от медиа.

7.2.1. Правило @media.

В настоящее время есть два способа определения зависимости от медиа для стилевых таблиц:

Определение целевого устройства из стилевой таблицы с помощью @-правил: @media и @import.
```
@import url("loudvoice.css") aural;
@media print {
  /* style sheet for print goes here */
}
```
Определение целевого медиа-устройства в языке документа. Например в HTML 4.0 атрибут "media" в элементе LINK определяет целевые устройства внешней стилевой таблицы:
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
   <HEAD>
      <TITLE>Link to a target medium</TITLE>
      <LINK rel="stylesheet" type="text/css" 
	 media="print, handheld" href="foo.css">
   </HEAD>
   <BODY>
      <P>The body...
   </BODY>
</HTML>
```

Правило @import определяется в главе по каскадированию.

7.2.1. Правило @media.

Правило @media определяет целевые типы медиа-устройств (разделенных запятыми) набором правил (ограниченных фигурными скобками). Конструкция @media позволяет применение правил стилевых таблиц для различных медиа в одной и той же стилевой таблице:

@media print {
    BODY { font-size: 10pt }
  }
  @media screen {
    BODY { font-size: 12pt }
  }
  @media screen, print {
    BODY { line-height: 1.2 }
  }

← Назад | Вперед →