Определение поддержки свойства CSS с помощью CSS и JavaScript

Определение поддержки свойства CSS

От автора: В этой статье я продемонстрирую вам различные методы определения поддержки браузером свойств CSS с помощью CSS и JavaScript’а.

 

Определение с помощью CSS3

В CSS3 для проверки поддержки какого-либо свойства CSS предусмотрено условное правило @supports. Давайте рассмотрим пример его использования

Определение с помощью JavaScript’а

С помощью JavaScript’а поддержка свойств CSS определяется двумя методами. Классическим:

При котором разработчик пользуется оператором in для определения того, поддерживается данное свойство CSS или нет.

И CSS.supports.

CSS.supports – это функция, подчиненная спецификации правила CSS3 @support. Любой браузер, поддерживающий правило @support, будет поддерживать и эту функцию.

Кроме того, для функции CSS.supports существует полифил. Официальная документация правила CSS3 @support.

Определение поддержки правила @supports с помощью JavaScript’а

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

Если вы переписали функцию с помощью вышеупомянутого полифила, то затем можно проверить, содержит ли функция исходный код. Если содержит, то поддерживается, или наоборот. Прочтите эту статью и узнаете, как обнаружить, содержит ли функция исходный код.

Источник: http://qnimate.com/

Редакция: Команда webformyself.

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree