From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/css/inheritance/index.html | 48 +++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 files/ru/web/css/inheritance/index.html (limited to 'files/ru/web/css/inheritance') diff --git a/files/ru/web/css/inheritance/index.html b/files/ru/web/css/inheritance/index.html new file mode 100644 index 0000000000..210b467c6d --- /dev/null +++ b/files/ru/web/css/inheritance/index.html @@ -0,0 +1,48 @@ +--- +title: Наследование +slug: Web/CSS/inheritance +translation_of: Web/CSS/inheritance +--- +

Описание

+ +

Описание каждого CSS свойства говорит наследуется ли оно по-умолчанию ("Наследуется: да/нет"). Наследование контролирует, что происходит, если значение свойства элемента не определено.

+ +

Наследуемые свойства

+ +

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

+ +

Типичный пример наследуемого свойства {{ Cssxref("color") }}. Стили:

+ +
p { color: green }
+ +

и разметка:

+ +
<p>В этом параграфе <em>подчёркнутый текст</em>.</p>
+ +

слова "подчёркнутый текст" станут зелёными, т.к. тег em унаследовал значение свойства {{ Cssxref("color") }} от элемента p, а не получают начальное значение свойства (цвет, который используется для корневого элемента, когда страница не определяет цвет).

+ +

Ненаследуемые свойства

+ +

Когда значения свойства элемента, которое не наследуется, не указано(иногда называемое Mozilla - сброшенное свойство), элемент получает начальное значение этого свойства (как указано в описании свойства).

+ +

Пример ненаследуемого свойства {{ Cssxref("border") }}. Стили:

+ +
 p { border: medium solid }
+ +

и разметка:

+ +
  <p>В этом параграфе <em>подчёркнутый текст</em>.</p>
+ +

у слов "подчёркнутый текст" не будет рамки (т.к. начальное значение {{ Cssxref("border-style") }}:none).

+ +

Замечание

+ +

Ключевое слово {{ Cssxref("inherit") }} позволяет нам явно задать наследование. Это работает и на наследуемых, и на ненаследуемых свойствах.

+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf