Префикси добављача ЦСС-а, који су понекад познати и као префикси ЦСС претраживача, су начин да произвођачи претраживача додају подршку за нове ЦСС функције пре него што су те функције у потпуности подржане у свим претраживачима. Ово се може учинити током неког периода тестирања и експеримента, при чему произвођач претраживача одређује тачно како ће ове нове ЦСС функције бити имплементиране. Ови префикси постали су веома популарни са порастом ЦСС3 пре неколико година.
Када је ЦЦС3 први пут уведен, велики број узбуђених особина почео је ударати различитим прегледачима у различито вријеме. На примјер, претраживачи који користе Вебкит (Сафари и Цхроме) били су први који су представили неке од стилова анимације као што су трансформација и транзиција. Коришћењем префиксних својстава продаваца, веб дизајнери су могли да користе те нове функције у свом раду и да их виде на претраживачима који су их одмах подржавали, уместо да морају чекати сваки други произвођач претраживача да ухвати!
Дакле, из перспективе предњег веб-програмера, префикси претраживача користе се за додавање нових ЦСС функција на веб локацију док се комфор знају да ће бровсери подржати те стилове. Ово може бити посебно корисно када различити произвођачи прегледача имплементирају својства на незнатно различите начине или са различитим синтаксама.
Префиксе ЦСС претраживача које можете користити (свака од њих је специфична за други претраживач) су:
- Андроид:
-вебкит-
- Хром:
-вебкит-
- Фирефок:
-моз-
- Интернет претраживач:
-Госпођа-
- иОС:
-вебкит-
- Опера:
-о-
- Сафари:
-вебкит-
У већини случајева, да бисте користили потпуно нову ЦСС стил својство, узимате стандардну ЦСС својство и додајте префикс за сваки претраживач. Предфиксне верзије ће увек бити прве (у било ком редоследу који вам највише одговара), док ће обична ЦСС својства бити последња. На пример, ако желите да додате прелаз ЦСС3 у ваш документ, користићете
прелаз
својство као што је приказано испод:
-вебкит- транзиција: све 4с лакоће; -моз- транзиција: све 4с лакоће; -Госпођа- транзиција: све 4с лакоће; -о- транзиција: све 4с лакоће;транзиција: све 4с лакоће; Белешка: Запамтите, неки прегледачи имају различиту синтаксу за одређена својства од других, па немојте претпоставити да је префиксна верзија особине потпуно идентична као стандардна својина. На пример, да бисте креирали ЦСС градијент, користите линеарни градијент својство. Фирефок, Опера и модерне верзије Цхроме и Сафари користе ту особину са одговарајућим префиксом, док раније верзије Цхроме-а и Сафари-а користе префиксну својину -вебкит-градиент . Фирефок такође користи различите вредности од стандардних. Разлог због којег сте увек завршили своју декларацију са нормалном, непрефиксном верзијом ЦСС својства је такав да када прегледач подржава правило, он ће га користити. Запамтите како се ЦСС чита. Касније правила имају приоритет над ранијим ако је специфичност иста, тако да би прегледач прочитао верзију правила произвођача и искористио то ако не подржава нормални, али када то уради, она ће превазићи верзију произвођача помоћу правило ЦСС-а. Када су првобитно уведени префиксови произвођача, многи стручњаци из веба се питали да ли су били хацк или померање у мрачне дане одузимања веб-кодова за подршку различитим прегледачима (запамтите оне " Ова страница се најбоље види у ИЕ-у "поруке). Међутим, префикси добављача ЦСС нису хацкс, и не бисте требали имати резерву да их користите у свом раду. ЦСС хацк искоришћава грешке у имплементацији неког другог елемента или имовине како би другу особу исправно функционисала. На пример, кутија модел кук је експлоатисала пропусте у паризирању глас-породица или како претраживачи раздвајају кравате ( ). Али ови хацкс су коришћени како би се решио проблем разлика између тога како је Интернет Екплорер 5.5 обрађивао модел кутије и како га је Нетсцапе тумачио и немају никакве везе са стилом фамилије гласа. Срећом, ова два застарјела претраживача су она о којима се ми данас не бавимо. Префикс произвођача није хакер јер омогућава спецификацији да поставља правила како би се имовина могла имплементирати, а истовремено омогућавајући произвођачима претраживања да имплементирају својство на различит начин, а да не крше све друго. Даље, ови префикси раде са ЦСС особинама на крају ће бити део спецификације . Једноставно додамо неки код како бисмо имали приступ објекту раније. Ово је још један разлог зашто сте завршили ЦСС правило са нормалним, непрефиксираним својствима. На тај начин можете испустити префиксне верзије када се постигне потпуна подршка за претраживач. Желите знати која је подршка претраживача за одређену функцију? Веб страница ЦанИУсе.цом је изванредан ресурс за прикупљање ових информација и обавјештавање о томе који претраживачи и које верзије тих претраживача тренутно подржавају функцију. Да, можда би се осећало досадно и поновљено да мора да напише особине 2-5 пута да би га радило у свим претраживачима, али то је привремена ситуација. На пример, пре само неколико година, поставили сте заокружени кутак на кутији коју сте морали написати: -моз-бордер-радиус: 10пк 5пк;-вебкит-граница-топ-лефт-радијус: 10пк;-вебкит-гранични-топ-десни-радијус: 5пк;-вебкит-гранични-доњи-десни-радијус: 10пк;-вебкит-гранични-доњи-леви-радијус: 5пк;бордер-радиус: 10пк 5пк; Али сада када су прегледници дошли у потпуну подршку овој функцији, стварно вам је потребна само стандардизована верзија: бордер-радиус: 10пк 5пк; Цхроме је подржао својство ЦСС3 од верзије 5.0, Фирефок је додао у верзију 4.0, Сафари је додао у 5.0, Опера у 10.5, иОС у 4.0, а Андроид 2.1. Чак и Интернет Екплорер 9 га подржава без префикса (и ИЕ 8 и нижи нису га подржали са или без префикса). Запамтите да ће се претраживачи увек мијењати и биће потребни креативни приступи подршци старијим претраживачима, осим ако не планирате изградњу веб страница које су годинама иза најмодернијих метода. На крају, писање префикса претраживача је много лакше него проналажење и искориштавање грешака које ће највероватније бити исправљене у будућој верзији, тражећи да пронађете другу грешку за експлоатацију и тако даље. Префикли добављача нису хацк
Префикси добављача су досадни али привремени
