Prefissi dei vendor in CSS

In passato, tra i browser si era creata la seguente situazione: prima che una proprietà CSS apparisse nelle specifiche, i browser implementavano una versione di prova di questa proprietà con un prefisso speciale, chiamato prefisso del vendor.

Diamo un'occhiata a come appare, usando l'esempio della proprietà box-sizing:

p {
	box-sizing: border-box;
}

Questa proprietà ha iniziato ad essere supportata solo a partire da Firefox29, tuttavia era già disponibile dalla versione Firefox2 con il prefisso -moz:

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

Altri browser avevano prefissi simili: -moz - Mozilla Firefox, -webkit - browser basati sui motori Webkit e Blink, -o - Opera sul motore Presto, -ms - IE.

Pertanto, la versione più cross-browser della proprietà box-sizing, utilizzando i prefissi dei vendor, aveva all'incirca il seguente aspetto:

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

Attualmente, i browser hanno deciso di abbandonare i prefissi a causa della loro scomodità. E ora, al loro posto, utilizzano le cosiddette flag. Le proprietà ora vengono introdotte nel browser, ma sono disabilitate per impostazione predefinita, tuttavia possono essere abilitate nelle impostazioni del browser, selezionando l'opzione corrispondente nelle impostazioni. Questo è fatto in modo che gli sviluppatori abbiano la possibilità di sperimentare con una nuova proprietà prima del suo rilascio ufficiale.