Vektorprefiksid CSS-is

Minevikus tekkis brauserite seas järgmine olukord: enne kui CSS omadus ilmub spetsifikatsiooni, rakendasid brauserid selle omaduse prooviversiooni spetsiaalse eesliitega, mida nimetatakse vektorprefiksiks.

Võtame näiteks omaduse box-sizing ja vaatame, kuidas see välja näeb:

p {
	box-sizing: border-box;
}

Seda omadust hakati toetama alles alates Firefox29-st, kuid juba Firefox2 versioonist oli see saadaval prefiksiga -moz:

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

Teistel brauseritel olid sarnased eesliited: -moz - Mozilla Firefox, -webkit - Webkit ja Blink mootoritel põhinevad brauserid, -o - Opera Presto mootoriga, -ms - IE.

Seega oli kõige ristbrauserilisem variant omadusest box-sizing, kasutades vektorprefikseid, umbes järgmine:

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

Praegusel ajal on brauserid otsustanud loobuda prefiksitest nende ebamugavuse tõttu. Ja nüüd kasutatakse nende asemel nn lippe. Omadusi rakendatakse nüüd brauseritesse, kuid vaikimisi on need keelatud, kuid neid saab brauseri seadetest sisse lülitada, määrates vastava märgukese seadetesse. See on tehtud selleks, et arendajad saaksid uue omadusega mängida enne selle ametlikku ilmunist.