# Проверка поддержки свойств CSS

В CSS есть достаточно старые свойства, которые поддерживаются во всех браузерах, и есть новые свойства, которые будут поддерживаться только в самых новых браузерах, да и далеко не во всех.

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

Тут, однако, есть нюансы. Ведь есть свойства, отсутствие поддержки которых приведет к разваливанию макета сайта, например, флексбоксы. А есть свойства, работоспособность которых не сильно критична. Скажем, неработающие переносы `hyphens` не сделают сайт сильно хуже.

Для того, чтобы проверить поддержку свойства браузерами нужно использовать сервис caniuse.com. Он показывает поддержку свойства каждой версией всех браузеров, а также процент юзеров, которые пользуется каждой из версий.

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

Приведите примеры свойств, поддержка которых критична.

Приведите примеры свойств, поддержка которых не критична.

Посмотрите поддержку свойства `box-sizing`. Можно ли его уже использовать?

Посмотрите поддержку свойства `hyphens`. Можно ли его уже использовать?

Посмотрите поддержку свойства `animation`. Можно ли его уже использовать?

Посмотрите поддержку свойства `flex`. Можно ли его уже использовать?

Посмотрите поддержку свойства `grid`. Можно ли его уже использовать?

←→
↑