Дескриптор CSS-правила `inherits`

Дескриптор inherits CSS правила @property at-rule определяет, наследуется ли зарегистрированное пользовательское свойство CSS по умолчанию. Это обязательный дескриптор: если он отсутствует или некорректен, всё правило @property становится недействительным и игнорируется.

Синтаксис

/* Custom property does not inherit values */
inherits: false;

/* Custom property inherits values */
inherits: true;

Значения

true

Свойство наследуется по умолчанию.

false

Свойство не наследуется по умолчанию.

Формальное определение

Формальный синтаксис

Примеры

Настройка поведения наследования пользовательского свойства

В этом примере показано, как определить пользовательское свойство --my-color, значение которого не наследуется от родительских элементов:

@property --my-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #c0ffee;
}

С помощью JavaScript и CSS.registerProperty():

window.CSS.registerProperty({
  name: "--my-color",
  syntax: "<color>",
  inherits: false,
  initialValue: "#c0ffee",
});

Спецификации

Совместимость с браузерами

См. также

• Другие дескрипторы @property: initial-value и syntax
• Регистрация пользовательских свойств CSS
• API CSS Properties and Values
• API CSS Painting
• Типизированная объектная модель CSS
• API Houdini