Проверка на поддръжка на CSS свойства

В CSS има доста стари свойства, които се поддържат във всички браузъри, и има нови свойства, които ще се поддържат само в най-новите браузъри, и то далеч не във всички.

При верстка трябва да вземате решение дали вече може да използвате дадено свойство. За това съществува специално правило: ако поддръжката на свойството липсва в браузъри, които се използват от по-малко от един процент потребители, то свойството може да се използва.

Тук обаче има нюанси. Защото има свойства, липсата на поддръжка на които ще доведе до разпадане на макета на сайта, например, флексбоксове. А има свойства, чиято работещост не е особено критична. Да речем, нее работещите пренасяния hyphens няма да направят сайта много по-лош.

За да проверите поддръжката на свойство от браузърите трябва да използвате услугата caniuse.com. Тя показва поддръжката на свойството от всяка версия на всички браузъри, както и процента потребители, които използват всяка от версиите.

Имайки тези данни, можете да произнасяте преценка за това дали вече може да се използва дадено свойство. Също така някои свойства може все още да са под вендорни префикси в някои версии браузъри, които все още се използват от потребители. Вие също трябва да обръщате внимание на това.