CSS'te Vendor Önekleri

Geçmişte tarayıcılar arasında şu durum ortaya çıkmıştı: Bir CSS özelliği spesifikasyona girmeden önce, tarayıcılar bu özelliğin deneme sürümünü, vendor öneki adı verilen özel bir önek ile uygulardı.

Şimdi box-sizing özelliği örneğinde bunun nasıl göründüğüne bakalım:

p {
	box-sizing: border-box;
}

Bu özellik sadece Firefox29'dan itibaren desteklenmeye başlandı, ancak Firefox2 sürümünden itibaren -moz öneki ile kullanılabiliyordu:

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

Diğer tarayıcıların da benzer önekleri vardı: -moz - Mozilla Firefox, -webkit - Webkit ve Blink motorlu tarayıcılar, -o - Presto motorlu Opera, -ms - IE.

Dolayısıyla, vendor önekleri kullanılarak yazılan en cross-browser uyumlu box-sizing özelliği kabaca şu şekildeydi:

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;
}

Günümüzde tarayıcılar, elverişsiz olmaları nedeniyle öneklerden vazgeçmeye karar verdiler. Ve şimdi onların yerine flag'ler (bayraklar) denilen şeyler kullanılıyor. Artık özellikler tarayıcıya entegre ediliyor, ancak varsayılan olarak devre dışı, yine de tarayıcı ayarlarından ilgili kutuyu işaretleyerek etkinleştirilebiliyor. Bu, geliştiricilerin özelliğin resmi olarak çıkmasından önce onunla denemeler yapabilmesi için yapıldı.