Виявляємо підтримку CSS за допомогою CSS та JavaScript

1 хв. читання

За допомогою CSS3

CSS3 має @supports для перевірки підтримки CSS властивостей. Розглянемо декілька прикладів використання:

За допомогою JavaScript

Існує два способи виявлення підтримки властивостей CSS за допомогою JavaScript.

Класичний метод:

Використати оператор in, щоб виявити підтримується властивість CSS чи ні.

CSS.supports

CSS.supports \- це функція з правила **@support **зі специфікації CSS3. Якщо браузер підтримує правило @support, то підтримує і цю функцію.

Офіційна документація правила @support.

Виявлення підтримки @supports з використанням JavaScript

Кожен браузер, як правило, підтримкує правило @supports, а також функцію CSS.supports. Проте, краще перевірити чи підтримується CSS.supports, чи ні.

    if(CSS.supports)
    {
        console.log("Supported");
    }
Помітили помилку? Повідомте автору, для цього достатньо виділити текст з помилкою та натиснути Ctrl+Enter
Codeguida 5.7K
Приєднався: 8 місяців тому
Коментарі (0)

    Ще немає коментарів

Щоб залишити коментар необхідно авторизуватися.

Вхід / Реєстрація