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

Некоторые значения наследуются дочерними элементами (тегами).

Предположим, что имеется элемент H1, в котором расположен элемент выделения EM:

<H1>Данный заголовок <EM>очень</EM> важен!</H1>

Если для элемента EM не задан цвет, то слово "очень" унаследует цвет родительского элемента. Таким образом, если для H1 определен синий цвет, то и элемент EM будет представлен, синим цветом.

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

Пример(ы):

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

BODY { color: black; }

Значения, заданные в процентах, не наследуются, а вычисляемые значения наследуются.

Пример(ы):

Пусть задана следующая таблица стиля:

BODY { font-size: 10pt }

H1 { font-size: 120% }

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

<BODY>

<H1>Некоторый <EM>крупный</EM> заголовок</H1>

</BODY>

Свойство 'font-size' элемента H1 будет иметь вычисленное значение '12pt' (120% от 10pt, являющегося значением свойства родительского элемента). Так как вычисляемое значение свойства 'font-size' является наследуемым, то элемент EM также будет иметь вычисленное значение '12pt'.