Провера подршке својстава CSS
У CSS постоје довољно стара својства која се подржавају у свим прегледачима, а постоје и нова својства која ће се подржавати само у најновијим прегледачима, и то далеко не у свима.
Приликом верстања морате да донесете одлуку о томе да ли је већ могуће користити одређено својство. За то постоји посебно правило: ако подршка за својство недостаје у прегледачима које користи мање од једног процента корисника, онда својство можете користити.
Међутим, овде постоје нијансе. Јер постоје својства
чији ће недостатак подршке довести до распадања
изгледа сајта, на пример, флексбокс. А постоје и
својства чији је функционалитет мање критичан.
Рецимо, неподржано цртање црта hyphens
неће значајно погоршати сајт.
Да бисте проверили подршку својства прегледачима треба да користите сервис caniuse.com. Он показује подршку својства за сваку верзију свих прегледача, као и проценат корисника који користе сваку од верзија.
Имајући ове податке, можете да донесете закључак о томе да ли је већ могуће користити неко својство. Такође, нека својства можда још увек захтевају вендорске префиксе у неким верзијама прегледача које корисници још увек користе. На ово такође треба обратити пажњу.
Наведите примере својстава чија је подршка критична.
Наведите примере својстава чија подршка није критична.
Погледајте подршку за својство box-sizing.
Да ли га је већ могуће користити?
Погледајте подршку за својство hyphens.
Да ли га је већ могуће користити?
Погледајте подршку за својство animation.
Да ли га је већ могуће користити?
Погледајте подршку за својство flex.
Да ли га је већ могуће користити?
Погледајте подршку за својство grid.
Да ли га је већ могуће користити?