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 - Presto движогу менен иштеген Opera, -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;
}

Азыркы учурда браузерлер префикстердин ыңгайсыздыгы себебинен алардан баш тартууну чечишти. Жана азыр алардын ордуна флагдар деп аталган нерсени колдонушат. Касиеттер азыр браузерге киргизилет, бирок демейки абалда өчүрүлүп коюлат, бирок аларды браузердин жөндөөлөрүндө тиешелүү чеккөччүн белгилеп, күйгүзүүгө болот. Бул иштеп чыгуучуларга жаңы касиет расмий пайда боло электе, аны менен сыноо жүргүзүү мүмкүнчүлүгүн берүү үчүн жасалды.