Могу ли я с помощью CSS проверить, поддерживает ли браузер правило @property «API свойств и значений CSS» (Houdini)CSS

Разбираемся в CSS
Ответить
Anonymous
 Могу ли я с помощью CSS проверить, поддерживает ли браузер правило @property «API свойств и значений CSS» (Houdini)

Сообщение Anonymous »

Поскольку в некоторых браузерах начали внедряться API CSS Houdini, мне стало интересно, есть ли какие-либо способы определить, поддерживается ли API свойств и значений CSS только с помощью CSS?
С помощью Javascript Я могу проверить, существует ли API: ✅

Код: Выделить всё

typeof window.CSS.registerProperty !== 'undefined'
Есть ли какие-либо эквиваленты CSS? Я экспериментировал с правилом @support, но оно принимает только свойства и значения, а не «at-правила». Поэтому понятно, что следующее не будет работать. ❌

Код: Выделить всё

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

@supports ( @property : --my-color ) {
body { background:DarkSeaGreen ; }
}

@supports not ( @property : --my-color ) {
body { background:Crimson; }
}
☝️ Пример CodePen


Подробнее здесь: https://stackoverflow.com/questions/696 ... values-api
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»