Apakah Awalan Vendor seperti -webkit- dan -moz- dalam CSS, dan Mengapa Ia Digunakan?

Memahami Awalan Vendor: -moz- dan -webkit-

Apabila menemui baris CSS yang tidak dikenali seperti yang disenaraikan di bawah, pemula mungkin tertanya-tanya tentang kepentingannya.

-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-fill: auto;

Garis ini mewakili sifat awalan vendor, unik untuk enjin pemaparan tertentu. -awalan webkit digunakan oleh Chrome dan Safari, manakala awalan -moz digunakan pada Firefox.

Tujuan Awalan Vendor

Awalan vendor membolehkan pelaksanaan CSS baharu atau proprietari ciri sebelum penyeragaman rasmi mereka oleh W3C. Ini membolehkan penggunaan awal walaupun terdapat kemungkinan ketidakkonsistenan antara pelaksanaan penyemak imbas.

Amalan Terbaik

Adalah disyorkan untuk menentukan sifat awalan vendor dahulu, diikuti dengan versi tidak tetapan. Ini memastikan bahawa sifat yang tidak diprefikskan mengatasi tetapan yang diberi awalan vendor setelah disokong sepenuhnya oleh penyemak imbas.

.elementClass {
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
}

Contoh Aplikasi

Dalam contoh CSS yang disediakan, sifat dinyatakan adalah berkaitan dengan berbilang lajur reka letak:

• -webkit-column-count: Menentukan bilangan lajur dalam susun atur berbilang lajur untuk penyemak imbas Webkit.
• -webkit -column-gap: Mentakrifkan jarak antara lajur untuk Webkit pelayar.
• -webkit-column-fill: Mengawal cara kandungan diedarkan dalam lajur untuk penyemak imbas Webkit.

Sifat serupa digunakan pada Firefox menggunakan -moz awalan.

Tambahan Sumber

• [Modul susun atur berbilang lajur CSS](https://www.w3.org/TR/css3-multicol/)
• ['Dalam mempertahankan Awalan Vendor' oleh Meyer](https://meyerweb.com/eric/thoughts/2008/05/13/defense-of-vendor-prefixes/)
• [Senarai awalan vendor mengikut Meyer](https://meyerweb.com/eric/thoughts/2008/05/13/defense-of-vendor-prefixes/)

Atas ialah kandungan terperinci Apakah Awalan Vendor seperti -webkit- dan -moz- dalam CSS, dan Mengapa Ia Digunakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!