CSS | @supports
Долгое время веб-разработчикам приходилось прибегать к сторонним решениям для выяснения того, поддерживаются ли некие возможности CSS текущим браузером. После того, как в CSS появилась директива @supports, проверять возможности браузеров стало можно прямо из CSS-кода.
Проверка на отсутствие поддержки какого-либо свойства:
Долгое время веб-разработчикам приходилось прибегать к сторонним решениям для выяснения того, поддерживаются ли некие возможности CSS текущим браузером. После того, как в CSS появилась директива @supports, проверять возможности браузеров стало можно прямо из CSS-кода.
@supports (-webkit-line-clamp: 2) {
.el { /* ваш стиль */}
}
Если условие оказывается истинным ( браузер поддерживает свойство -webkit-line-clamp ), будет применён стиль, объявленный внутри директивы @supports.Проверка на отсутствие поддержки какого-либо свойства:
@supports not (display: flex) {
div { float: left; }
/* задан альтернативный стиль */
}
Множественные проверки@supports (display: -webkit-flex) or
(display: -moz-flex) or
(display: flex) {
/* добавляем сюда ваших стилей */
}