inherits

Baseline 2024

Новое доступно

С июля 2024 года эта функция работает на последних версиях устройств и браузеров. Возможно, эта функция не будет работать на старых устройствах или браузерах.

Описание inherits CSS необходимо при использовании правила @property правила и управляет тем, наследуется ли регистрация пользовательской свойства по умолчанию.

Синтаксис

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

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

Значения

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

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

Связанное правило	`@property`
Начальное значение	`auto`
Вычисленное значение	указанное

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

inherits = 
  true   |
  false

Примеры

Добавить проверку типа для --my-color пользовательского свойства, как цвет, значение по умолчанию и не позволить ему унаследовать значение:

Использование CSS @property правила:

@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",
});

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

Спецификация
CSS Properties and Values API Level 1 # inherits-descriptor

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`inherits`	85	85	128	71	16.4	85	128	60	16.4	14.0	85

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@property/inherits