Վենդորային պրեֆիքսները CSS-ում

Անցյալում բրաուզերների միջև ձևավորվել էր հետևյալ իրավիճակը. նախքան CSS հատկությունը հանդես կգա սպեցիֆիկացիայում, բրաուզերները իրականացնում էին այդ հատկության փորձնական տարբերակը հատուկ վերջածանցով, որը կոչվում է վենդորային պրեֆիքս:

Եկեք օրինակի վրա՝ box-sizing հատկության միջոցով տեսնենք, թե ինչպես է այն երևում:

cssp {
  box-sizing: border-box;
}

Այս հատկությունը սկսել է աջակցվել միայն Firefox29-ից, սակայն սկսած Firefox2 տարբերակից այն արդեն հասանելի էր -moz պրեֆիքսով.

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

Մնացած բրաուզերներն ունեին նմանատիպ վերջածանցներ. -moz - Mozilla Firefox, -webkit - Webkit և Blink շարժիչով բրաուզերներ, -o - Presto շարժիչով Opera, -ms - IE:

Այսպիսով, box-sizing հատկության ամենակրոսբրաուզերային տարբերակը, օգտագործելով վենդորային պրեֆիքսներ, ուներ մոտավորապես հետևյալ տեսքը.

cssp {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

Ներկա պահին բրաուզերները որոշել են հրաժարվել պրեֆիքսներից՝ դրանց անհարմարության պատճառով: Եվ հիմա դրանց փոխարեն օգտագործում են այսպես կոչված ֆլագներ: Հատկություններն այժմ ներդրվում են բրաուզերում, բայց լռելյայն անջատված են, սակայն դրանք կարելի է միացնել բրաուզերի կարգավորումներում՝ դնելով համապատասխան նշիչը կարգավորումներում: Սա արվել է այն նպատակով, որ մշակողները կարողանան խաղալ նոր հատկության հետ նրա պաշտոնական հայտնվելուց առաջ: