Vendor-voorvoegsels in CSS

In die verlede het die volgende situasie onder blaaiers ontstaan: voordat 'n CSS-eienskap in die spesifikasie verskyn, het blaaiers 'n proefweergawe van daardie eienskap geïmplementeer met 'n spesiale voorvoegsel, wat 'n vendor-voorvoegsel genoem word.

Kom ons kyk na hoe dit lyk met die voorbeeld van die eienskap box-sizing:

p {
	box-sizing: border-box;
}

Hierdie eienskap is eers vanaf Firefox29 ondersteun, maar vanaf weergawe Firefox2 was dit reeds beskikbaar met die voorvoegsel -moz:

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

Ander blaaiers het soortgelyke voorvoegsels gehad: -moz - Mozilla Firefox, -webkit - blaaiers op die Webkit- en Blink-enjin, -o - Opera op die Presto-enjin, -ms - IE.

Die mees kruisblaaiervriendelijke weergawe van die eienskap box-sizing, met die gebruik van vendor-voorvoegsels, het dus ongeveer so gelyk:

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

Tans het blaaiers besluit om van voorvoegsels af te sien weens hul ongerief. Hulle gebruik nou sogenaamde vlae. Eienskappe word nou in die blaaier geïmplementeer, maar is standaard afgeskakel. Dit kan eger in die blaaierinstellings aangeskakel word deur die toepaslike vinkie te plaas. Dit is gedoen sodat ontwikkelaars met die nuwe eienskap kan eksperimenteer voor dit amptelik beskikbaar word.