ვენდორული პრეფიქსები CSS-ში

წარსულში ბრაუზერებს შორის შემდეგი სიტუაცია ჩამოყალიბდა: სანამ CSS თვისება სპეციფიკაციაში გამოჩნდებოდა, ბრაუზერები ახორციელებდნენ ამ თვისების საცდელ ვერსიას სპეციალური წინსართით, რომელსაც ეწოდება ვენდორული პრეფიქსი.

მაგალითისთვის, თვისება box-sizing შევხედოთ როგორ გამოიყურება ეს:

p {
	box-sizing: border-box;
}

ეს თვისება მხარდაჭერა დაიწყო მხოლოდ Firefox29-დან, თუმცა უკვე Firefox2 ვერსიიდან ის იყო ხელმისაწვდომი -moz პრეფიქსით:

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

სხვა ბრაუზერებს ჰქონდათ მსგავსი წინსართები: -moz - Mozilla Firefox, -webkit - ბრაუზერები Webkit და Blink ძრავებზე, -o - Opera Presto ძრავზე, -ms - IE.

ამრიგად, ყველაზე კროსბრაუზერული ვარიანტი box-sizing თვისებისა, ვენდორული პრეფიქსების გამოყენებით, დაახლოებით ასე გამოიყურებოდა:

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

ამჟამად ბრაუზერებმა გადაწყვიტეს უარი თქვან პრეფიქსებზე მათი მოუხერხებლობის გამო. და ახლა მათ ნაცვლად იყენებენ ე.წ. დროშებს. თვისებები ახლა ხორციელდება ბრაუზერში, მაგრამ ნაგულისხმევად გამორთულია, თუმცა მათი ჩართვა შესაძლებელია ბრაუზერის პარამეტრებში, შესაბამისი ჩეკბოქსის მონიშვნით პარამეტრებში. ეს გაკეთდა იმისთვის, რომ დეველოპერებს ჰქონოდათ შესაძლებლობა ეთამაშათ ახალ თვისებებთან მათი ოფიციალური გამოჩენამდე.