⊗mkSpCBrSp 74 of 128 menu

Semakan Sokongan Sifat CSS

Dalam CSS, terdapat sifat yang cukup lama yang disokong oleh semua pelayar, dan terdapat juga sifat baru yang hanya akan disokong oleh pelayar yang paling baharu, dan itu pun tidak semua.

Semasa membuat hamparan, anda perlu membuat keputusan sama ada sifat tersebut sudah boleh digunakan. Untuk ini, terdapat satu peraturan khas: jika sokongan untuk sesuatu sifat tiada dalam pelayar yang digunakan oleh kurang daripada satu peratus pengguna, maka sifat itu boleh digunakan.

Walau bagaimanapun, terdapat nuansa di sini. Kerana terdapat sifat, ketiadaan sokongan yang akan menyebabkan layout laman web runtuh, contohnya, flexbox. Dan terdapat sifat yang fungsi tidak terlalu kritikal. Katakan, fungsi sematan hyphens yang tidak berfungsi tidak akan menjadikan laman web jauh lebih teruk.

Untuk menyemak sokongan sifat oleh pelayar, anda perlu menggunakan perkhidmatan caniuse.com. Ia menunjukkan sokongan sifat untuk setiap versi semua pelayar, serta peratusan pengguna yang menggunakan setiap versi.

Dengan data ini, anda boleh membuat pertimbangan sama ada sesuatu sifat sudah boleh digunakan. Juga, sesetengah sifat mungkin masih memerlukan awalan vendor (*vendor prefixes*) dalam sesetengah versi pelayar yang masih digunakan oleh pengguna. Anda juga perlu memberi perhatian kepada perkara ini.

Berikan contoh sifat yang sokongannya kritikal.

Berikan contoh sifat yang sokongannya tidak kritikal.

Semak sokongan untuk sifat box-sizing. Adakah ia sudah boleh digunakan?

Semak sokongan untuk sifat hyphens. Adakah ia sudah boleh digunakan?

Semak sokongan untuk sifat animation. Adakah ia sudah boleh digunakan?

Semak sokongan untuk sifat flex. Adakah ia sudah boleh digunakan?

Semak sokongan untuk sifat grid. Adakah ia sudah boleh digunakan?

csswmsuzlpl