Vendor Prefix dalam CSS

Di masa lalu, di antara browser muncul situasi berikut: sebelum sebuah properti CSS muncul dalam spesifikasi, browser mengimplementasikan versi percobaan dari properti tersebut dengan awalan khusus, yang disebut vendor prefix.

Mari kita lihat bagaimana tampilannya dengan contoh properti box-sizing:

p {
	box-sizing: border-box;
}

Properti ini mulai didukung hanya sejak Firefox29, namun sejak versi Firefox2 properti ini sudah tersedia dengan prefix -moz:

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

Browser lain memiliki awalan serupa: -moz - Mozilla Firefox, -webkit - browser dengan mesin Webkit dan Blink, -o - Opera dengan mesin Presto, -ms - IE.

Dengan demikian, varian properti box-sizing yang paling cross-browser, dengan menggunakan vendor prefix, kira-kira memiliki tampilan 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;
}

Saat ini, browser memutuskan untuk meninggalkan penggunaan prefix karena ketidaknyamanannya. Dan sekarang, sebagai gantinya, yang digunakan adalah yang disebut flag. Properti sekarang diimplementasikan dalam browser, tetapi secara default dinonaktifkan, namun dapat diaktifkan dalam pengaturan browser, dengan mencentang tanda centang yang sesuai di pengaturan. Ini dilakukan agar pengembang memiliki kesempatan untuk bereksperimen dengan properti baru sebelum kemunculan resminya.