CSS հատկությունների աջակցության ստուգում

CSS-ում կան բավականին հին հատկություններ, որոնք աջակցվում են բոլոր բրաուզերներում, և կան նոր հատկություններ, որոնք կաջակցվեն միայն ամենանոր բրաուզերներում, և դեռ ոչ բոլորում:

Դիզայնը կազմելիս դուք պետք է որոշում կայացնեք, արդյոք արդեն կարելի է օգտագործել տվյալ հատկությունը: Դրա համար գոյություն ունի հատուկ կանոն. եթե հատկության աջակցություն բացակայում է բրաուզերներում, որոնք օգտագործում են մեկ տոկոսից պակաս օգտատերեր, ապա հատկությունը կարելի է օգտագործել:

Սակայն այստեղ նրբություններ կան: Չէ՞ որ կան հատկություններ, որոնց աջակցության բացակայությունը կհանգեցնի կայքի դասավորության փլուզմանը, օրինակ, ֆլեքսբոքսերը: Եվ կան հատկություններ, որոնց աշխատանքային ունակությունը այնքան էլ քննադատական չէ: Ենթադրենք, չաշխատող տողադարձերը hyphens շատ չեն վատացնի կայքը:

Հատկության աջակցությունը բրաուզերներով ստուգելու համար անհրաժեշտ է օգտագործել caniuse.com ծառայությունը: Այն ցույց է տալիս հատկության աջակցությունը բոլոր բրաուզերների յուրաքանչյուր տարբերակի կողմից, ինչպես նաև օգտատերերի տոկոսը, որոնք օգտագործում են տարբերակներից յուրաքանչյուրը:

Ունենալով այս տվյալները, դուք կարող եք դատողություն անել այն մասին, արդյոք արդեն կարելի է օգտագործել ինչ-որ հատկություն: Նաև որոշ հատկություններ կարող են մինչ օրս լինել վենդորային պրեֆիքսների տակ որոշ բրաուզերների տարբերակներում, որոնք դեռ օգտագործվում են օգտատերերի կողմից: Դուք նույնպես պետք է ուշադրություն դարձնեք դրան:

Задание 1

Բերեք հատկությունների օրինակներ, որոնց աջակցությունը քննադատական է:

Задание 2

Բերեք հատկությունների օրինակներ, որոնց աջակցությունը ոչ քննադատական է:

Задание 3

Ստուգեք box-sizing հատկության աջակցությունը: Կարելի՞ է արդեն այն օգտագործել:

Задание 4

Ստուգեք hyphens հատկության աջակցությունը: Կարելի՞ է արդեն այն օգտագործել:

Задание 5

Ստուգեք animation հատկության աջակցությունը: Կարելի՞ է արդեն այն օգտագործել:

Задание 6

Ստուգեք flex հատկության աջակցությունը: Կարելի՞ է արդեն այն օգտագործել:

Задание 7

Ստուգեք grid հատկության աջակցությունը: Կարելի՞ է արդեն այն օգտագործել: