ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Спецификация CSS2 | 6.2. Наследование.

6.2. Наследование.

6.2.1. Значение 'inherit'.

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

Предположим, что есть элемент Н1 с элементом ЕМ внутри:

<H1>The headline <EM>is</EM> important! </H1>

Если цвет не был назначен для элемента ЕМ, то выделение "is" будет наследовать цвет родительского элемента, так что если Н1 имеет голубой цвет, то элемент ЕМ будет тоже голубым.

Для определения стилевого свойства по умолчанию ("default") для документа, автор может установить свойство для корневого элемента дерева документа. Например, в языке HTML элементы HTML или BODY могут выполнить эту функцию. Обратите внимание, что это будет работать, даже если автор опускает тег BODY в источнике HTML, поскольку синтаксический анализ в HTML подразумевает отсутствующий тег.

Например, после наследования свойства 'color', все потомки элемента BODY будут наследовать цвет 'black' (черный):

BODY { color: black; }

Определенные процентные значения не наследуются; а рассчитанные значения наследуются.

Например, ниже приводится стилевая таблица:

BODY { font-size: 10pt }
H1 { font-size: 120% }

и фрагмент документа:

  <H1>A <EM>large</EM> heading</H1>
</BODY>

свойство 'font-size' (размер шрифта) для элемента Н1 будет иметь рассчитанное значение '12pt' (120% от 10pt, значение родительского элемента). Поскольку рассчитанное значение 'font-size' наследуется, то элемент ЕМ тоже будет иметь рассчитанное значение 12pt. Если для устройства вывода шрифт 12pt не доступен, то фактическое значение 'font-size' для обоих элементов Н1 и ЕМ может быть, например, '11pt'.

6.2.1. Значение 'inherit'.

Каждое свойство может иметь определенное значение 'inherit', которое означает, что для данного элемента свойство принимает то же значение, что и свойство родительского элемента. Наследуемые значения, которые обычно используются только, как значения компенсирующие ошибку, могут усиливаться явной установкой значения 'inherit'.

В ниже следующем примере свойства 'color' и 'background' установлены для элемента BODY. Для всех других элементов значение 'color' будет наследоваться, и фон будет прозрачным. Если эти правила являются частью стилевой таблицы пользователя, то черный текст на белом фоне будет навязан всему документу.

BODY { 
  color: black !important; 
  background: white !important;
}

* { 
  color: inherit !important; 
  background: transparent;
}
← Назад | Вперед →
Copyright © 2006 -  aranea.ru