Праверка падтрымкі уласцівасцей CSS
У CSS ёсць дастаткова старыя ўласцівасці, якія падтрымліваюцца ва ўсіх браўзерах, і ёсць новыя ўласцівасці, якія будуць падтрымлівацца толькі ў самых новых браўзерах, ды і дзесьці не ва ўсіх.
Пры вёрстцы вы павінны прымаць рашэнне аб тым, ці можна ўжо выкарыстоўваць дадзеную ўласцівасць. Для гэтага існуе спецыяльнае правіла: калі падтрымка ўласцівасці адсутнічае ў браўзерах, якімі карыстаюцца менш за адзін працэнт карыстальнікаў, то ўласцівасць можна выкарыстоўваць.
Тут, аднак, ёсць нюансы. Бо ёсць уласцівасці,
адсутнасць падтрымкі якіх прывядзе да развалу
макета сайта, напрыклад, флексбоксы. А ёсць
ўласцівасці, працаздольнасць якіх не вельмі
крытычная. Скажам, якія не працуюць пераносы hyphens
не зробяць сайт значна горш.
Для таго, каб праверыць падтрымку ўласцівасці браўзерамі трэба выкарыстоўваць сэрвіс caniuse.com. Ён паказвае падтрымку ўласцівасці кожнай версіяй усіх браўзераў, а таксама працэнт карыстальнікаў, якія карыстаюцца кожнай з версій.
Маючы гэтыя даныя, вы можаце выносіць меркаванне аб тым, ці можна ўжо выкарыстоўваць якое-небудзь ўласцівасць. Таксама некаторыя ўласцівасці могуць да гэтага часу быць пад вендарнымі прэфіксамі у некаторых версіях браўзераў, якімі яшчэ карыстаюцца карыстальнікі. Вам таксама трэба звяртаць увагу на гэта.
Прывядзіце прыклады ўласцівасцей, падтрымка якіх крытычная.
Прывядзіце прыклады ўласцівасцей, падтрымка якіх не крытычная.
Паглядзіце падтрымку ўласцівасці box-sizing.
Ці можна яго ўжо выкарыстоўваць?
Паглядзіце падтрымку ўласцівасці hyphens.
Ці можна яго ўжо выкарыстоўваць?
Паглядзіце падтрымку ўласцівасці animation.
Ці можна яго ўжо выкарыстоўваць?
Паглядзіце падтрымку ўласцівасці flex.
Ці можна яго ўжо выкарыстоўваць?
Паглядзіце падтрымку ўласцівасці grid.
Ці можна яго ўжо выкарыстоўваць?