Awalan Vendor dalam CSS

Pada masa lalu, situasi berikut wujud dalam kalangan pelayar: sebelum sesuatu sifat CSS muncul dalam spesifikasi, pelayar melaksanakan versi percubaan sifat tersebut dengan awalan khas, yang dipanggil awalan vendor.

Mari kita lihat bagaimana rupanya menggunakan contoh sifat box-sizing :

p {
	box-sizing: border-box;
}

Sifat ini mula disokong hanya bermula Firefox29, namun sejak versi Firefox2 ia telah tersedia dengan awalan -moz:

p {
	-moz-box-sizing: border-box;
}

Pelayar lain mempunyai awalan yang serupa: -moz - Mozilla Firefox, -webkit - pelayar berasaskan enjin Webkit dan Blink, -o - Opera berasaskan enjin Presto, -ms - IE.

Oleh itu, varian sifat box-sizing yang paling merentas pelayar, dengan menggunakan awalan vendor, kelihatan lebih kurang seperti berikut:

p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

Pada masa kini, pelayar telah memutuskan untuk berhenti menggunakan awalan disebabkan ketidakselesaannya. Dan sekarang, sebagai gantinya, mereka menggunakan apa yang dipanggil flag. Sifat-sifat kini diperkenalkan dalam pelayar, tetapi secara lalai dimatikan, namun ia boleh dihidupkan dalam tetapan pelayar, dengan menandakan kotak flag yang sepadan dalam tetapan. Ini dilakukan supaya pembangun mempunyai peluang untuk mencuba sifat baru sebelum ia muncul secara rasmi.