Vektoriniai priešdėliai CSS

Anksčiau tarp naršyklių susidarė tokia situacija: prieš CSS savybę patekiant į specifikaciją, naršyklės įgyvendino bandomąją šios savybės versiją su specialiu priešdėliu, kuris vadinamas vektoriniu priešdėliu.

Pažiūrėkime, kaip tai atrodo, naudodami box-sizing savybės pavyzdį:

cssp {
  box-sizing: border-box;
}

Ši savybė pradėjo būti palaikoma tik nuo Firefox29, tačiau jau nuo Firefox2 versijos ji buvo prieinama su -moz priešdėliu:

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

Kitos naršyklės turėjo analogiškus priešdėlius: -moz - Mozilla Firefox, -webkit - Webkit ir Blink variklu veikiančios naršyklės, -o - Presto variklu veikusi Opera, -ms - IE.

Taigi, labiausiai tarpnaršyklinis box-sizing savybės variantas, naudojant vektorinius priešdėlius, atrodė maždaug taip:

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

Šiuo metu naršyklės nusprendė atsisakyti priešdėlių dėl jų nepatogumo. Dabar juos pakeitė vadinamieji vėliavėlės. Savybės dabar įdiegiamos į naršyklę, bet pagal numatytuosius nustatymus yra išjungtos, tačiau jas galima įjungti naršyklės nustatymuose, pažymint atitinkamą vėliavėlę nustatymuose. Tai padaryta tam, kad kūrėjai galėtų pažaisti su nauja savybe prieš jos oficialų pasirodymą.