CSS xususiyatlarini qo‘llab-quvvatlashni tekshirish

CSSda barcha brauzerlarda qo‘llab-quvvatlanadigan juda eski xususiyatlar mavjud, shuningdek, faqat eng yangi brauzerlarda va hammasida emas, balki faqat ba'zilarida qo‘llab-quvvatlanadigan yangi xususiyatlar ham mavjud.

Veb-sahifani yaratishda siz ushbu xususiyatdan foydalanish mumkin yoki yo‘qligi haqida qaror qabul qilishingiz kerak. Buning uchun maxsus qoida mavjud: agar xususiyatni foydalanuvchilarning bir foizidan kamroq qismi foydalanadigan brauzerlarda qo‘llab-quvvatlanmasa, unda xususiyatdan foydalanish mumkin.

Biroq, bu erda nuanslar mavjud. Axir, qo‘llab-quvvatlanmasligi veb-sayt maketining ishdan chiqishiga olib keladigan xususiyatlar mavjud, masalan, fleksbokslar. Va ishtirok etishi unchalik muhim bo‘lmagan xususiyatlar ham mavjud. Masalan, ishlamaydigan hyphens (so‘z bo‘g‘inlari) veb-saytni juda yomonlashtirmaydi.

Xususiyatning brauzerlar tomonidan qo‘llab-quvvatlanishini tekshirish uchun caniuse.com servisidan foydalishingiz kerak. U barcha brauzerlarning har bir versiyasi tomonidan xususiyatni qo‘llab-quvvatlash darajasini, shuningdek, har bir versiyadan foydalanayotgan foydalanuvchilar foizini ko‘rsatadi.

Ushbu ma'lumotlarga ega bo‘lib, siz ma'lum bir xususiyatdan foydalanish mumkin yoki yo‘qligi haqida xulosa chiqarishingiz mumkin. Shuningdek, ba'zi xususiyatlar hanuzgacha ba'zi brauzer versiyalarida, undan foydalanayotgan foydalanuvchilar mavjud bo‘lgan vendor prefikslari ostida bo‘lishi mumkin. Siz bunga ham e'tibor berishingiz kerak.

Задание 1

Qo‘llab-quvvatlanishi muhim bo‘lgan xususiyatlarga misollar keltiring.

Задание 2

Qo‘llab-quvvatlanishi muhim bo‘lmagan xususiyatlarga misollar keltiring.

Задание 3

box-sizing xususiyatini qo‘llab-quvvatlashni tekshiring. Hozirda undan foydalanish mumkinmi?

Задание 4

hyphens xususiyatini qo‘llab-quvvatlashni tekshiring. Hozirda undan foydalanish mumkinmi?

Задание 5

animation xususiyatini qo‘llab-quvvatlashni tekshiring. Hozirda undan foydalanish mumkinmi?

Задание 6

flex xususiyatini qo‘llab-quvvatlashni tekshiring. Hozirda undan foydalanish mumkinmi?

Задание 7

grid xususiyatini qo‘llab-quvvatlashni tekshiring. Hozirda undan foydalanish mumkinmi?