Наследование
Некоторые значения наследуются дочерними элементами (тегами).
Предположим, что имеется элемент 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'.