CSS Xassəliklərinin Dəstəklənməsinin Yoxlanılması

CSS-də bütün brauzerlərdə dəstəklənən kifayət qədər köhnə xassəliklər var və yenə də yalnız ən yeni brauzerlərdə, hətta hamısında olmayaraq, dəstəklənəcək yeni xassəliklər var.

Veb-səhifəni qurarkən siz artıq bu xassəlikdən istifadə edib-edə bilməyəcəyiniz barədə qərar qəbul etməlisiniz. Bunun üçün xüsusi bir qayda var: əgər xassəlik üçün dəstək istifadəçilərin bir faizindən azının istifadə etdiyi brauzerlərdə yoxdursa, onda xassəlikdən istifadə etmək olar.

Lakin burada nüanslar var. Axı dəstəyin olmaması veb-saytın strukturunun pozulmasına səbəb olacaq xassəliklər var, məsələn, fleksbokslar. Və işləkliyi o qədər də tənqidi olmayan xassəliklər var. Deyək ki, işləməyən sözlərin bölünməsi hyphens veb-saytı xeyli pisləşdirməyəcək.

Xassəliyin brauzerlər tərəfindən dəstəklənməsini yoxlamaq üçün caniuse.com xidmətindən istifadə etmək lazımdır. O, xassəliyin bütün brauzerlərin hər bir versiyası tərəfindən dəstəklənməsini, həmçinin hər bir versiyadan istifadə edən istifadəçilərin faizini göstərir.

Bu məlumatlara əsasən, siz artıq hansısa xassəlikdən istifadə edib-edə bilməyəcəyiniz barədə qənaət bildirə bilərsiniz. Həmçinin bəzi xassəliklər hələ də istifadəçilər tərəfindən istifadə edilən bəzi brauzer versiyalarında vendor prefiksləri altında ola bilər. Siz də buna diqqət yetirməlisiniz.

Задание 1

Dəstəyin tənqidi olduğu xassəliklərə nümunələr göstərin.

Задание 2

Dəstəyin tənqidi olmadığı xassəliklərə nümunələr göstərin.

Задание 3

box-sizing xassəliyinin dəstəyinə baxın. Onu artıq istifadə etmək olarmı?

Задание 4

hyphens xassəliyinin dəstəyinə baxın. Onu artıq istifadə etmək olarmı?

Задание 5

animation xassəliyinin dəstəyinə baxın. Onu artıq istifadə etmək olarmı?

Задание 6

flex xassəliyinin dəstəyinə baxın. Onu artıq istifadə etmək olarmı?

Задание 7

grid xassəliyinin dəstəyinə baxın. Onu artıq istifadə etmək olarmı?