Вендарныя прэфіксы ў 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 - Opera на рухавіку Presto, -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;
}

У цяперашні час браўзеры вырашылі адмовіцца ад прэфіксаў у сувязі з іх нязручнасцю. І зараз замест іх выкарыстоўваюць так званыя флагі. Уласцівасці цяпер укараняюцца ў браўзер, але па змаўчанні адключаны, аднак іх можна ўключыць у наладах браўзера, паставіўшы адпаведны флажок у наладах. Гэта зроблена для таго, каб распрацоўнікі мелі магчымасць пагуляцца з новай уласцівасцю да яе афіцыйнага з'яўлення.