В этой статье мы рассмотрим, что такое префиксы браузеров, причины их появления и как их использовать в CSS.

Что такое префиксы?

Веб-разработчик начинающий изучать теоретические основы CSS и использующий данные знания на практике может столкнуться с проблемами при рассмотрении реальных примеров. Это может вызвать у него непонимание происходящего и отбить дальнейшее желание изучать данную технологию.

Например, при рассмотрении стилей какого-нибудь сайта веб-разработчик может столкнуться со свойствами, содержащими впереди некоторые непонятные слова: -webkit- , -moz- , -ms- и др.

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

Что же это такое? На самом деле всё просто, эти непонятные слова являются префиксами следующих браузеров:

  • -webkit- : браузеры Chrome, Safari, Opera;
  • -moz- : браузер Mozilla Firefox;
  • -ms- : браузер Internet Explorer.

Таким образом, если перед названием свойства стоит некоторый префикс, то это означает, что данное свойство реализовано и будет применяться исключительно в указанном браузере. Все остальные браузеры данное свойство будут игнорировать, т.к. для них данный префикс неизвестен.

Причины появления префиксов?

Причин для появления префиксов было достаточно много:

  • Для включения в браузер экспериментальных свойств CSS, которые стандартом ещё не утверждены. Таким образом, производители браузеров производят тестирование и вносят предложения перед утверждением свойств CSS в стандарте.
  • Для решения проблем с кроссбраузерностью.
  • Для создания собственных свойств, которые не входят в стандарт CSS, но возможно появятся в нём через некоторое время.

Когда экспериментальное свойство утверждено в стандарте и прошло тестирование в браузере, у него обычно убирается префикс.

Как использовать префиксы?

Рассмотрим в качестве примере следующий код:

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

Данный код применяет свойства CSS, которые изменяют алгоритм расчёта ширины и высоты для всех элементов веб-страницы. Первое CSS свойство -webkit-box-sizing со значением border-box предназначено для браузеров, использующих движок webkit (Safari) или blink (Chrome, Opera, Яндекс.Браузер). Второе CSS свойство -moz-box-sizing со значением border-box предназначено для браузеров, использующих движок Gecko (Mozilla Firefox). Последнее CSS свойство предназначено для браузеров, в которых это свойство уже протестировано и внедрено в соответствии со стандартом.

При использовании префиксов для свойств CSS, необходимо помнить, что их следует располагать до свойства CSS без префикса. Почему это так важно? Это важно потому, что если когда-то в браузере будет реализовано оригинальное свойство (без префикса), то будет использоваться именно оно (т.к. оно располагается последним), а не его экспериментальная версия.

Например: применение свойства CSS ко всем элементам веб-страницы в браузере Google Chrome версии 40.

На рисунке выше видно, что оригинальное свойство box-sizing уже внедрено в этот браузер, и из-за того, что оно располагается последним, браузер использует именного его, а не вышеприведенное свойство -webkit-box-sizing .

Как проверить поддержку определенного свойства в браузере?

Сайт, на котором можно проверить реализовано ли данное свойство или нет в конкретном браузере можно по ссылке приведённой ниже. Кроме этого на сайте показывается количество пользователей в процентах, которые пользуется этой версией браузера.

Сайт "Can I Use..."

Например: проверим, как реализовано свойство transform в браузерах.

На сайте "CanIUse" браузеры отмечаются различными цветами, в зависимости от того в каком состоянии находится поддержка определённых свойств или тегов:

  • Красный прямоугольник - браузер, в котором данное свойство не реализовано;
  • Зелёный прямоугольник с дефисом, расположенным в правом верхнем углу – браузер, в котором данное свойство используется через префикс;
  • Светло-зелёный прямоугольник – браузер, в котором данное свойство реализовано частично;
  • Зелёный прямоугольник – браузер, в котором данное свойство реализовано в соответствии со стандартом.

Продолжаем заниматься словообразованием. Рассмотрим еще парочку префиксов, которые могут встретиться у неправильных глаголов, да и не только у них.

Префикс MIS – имеет единственный смысл = НЕ ТАК, КАК НАДО, то есть неправильность и ложность. Он произошел от английского глагола to miss = промахнуться, упустить. А теперь и латынь = minus. Вот это все и вкладывается в значения префикса MIS. Прибавляется в основном к глаголам и существительным.

Несколько примеров:

MIS + to place = поместить, поставить на место — to MISplace = положить, поставить не на свое место;

MIS + to lead = вести за собой, быть впереди — to MISlead = вводить в заблуждение, уводить в сторону;

MIS + chance (n) = шанс, случай — MISchance(n) = неудача, несчастный случай;

MIS + to behave = вести себя (о поведении и манерах) — to MISbehave = плохо, дурно вести себя;

MIS + fortune (n) = удача, счастье, судьба, фортуна — MISfortune (n) несчастье, беда;

MIS + to lay = класть, положить — to MISlay = положить не на то место;

MIS + to spell = писать и говорить по буквам — to MIS-spell = писать с орфографическими ошибками;

MIS + step (n) = шаг, ступень, мера = MIS-step(n) = неверный, ложный шаг, ошибка;

MIS + to understand = понимать – MISunderstand = неправильно понять;

MIS + count (n) = счет – MIScount = просчет.

Хотелось бы сказать о глаголе to MIStake – ошибаться, неправильно понимать, заблуждаться. Корень у этого глагола — всем известный глагол to take = брать, взять. Казалось бы, как соединить воедино “брать” и “ошибаться” ? Но все очень просто: глагол “to take” — очень многозначный и одно из его переносных значений = понимать,. считать и полагать. Тогда все сходится:

Есть и существительное MIStake (n) = ошибка, недоразумение, заблуждение.

Префикс IN – особый, “меняющийся” префикс, так как он меняет согласную букву N на буквы M,L R (IM, IL, IR), в зависимости от того с какой буквы начинается слово, к которому он прибавляется. Закодируем эти три буквы для запоминания: МаЛяР. Кроме того, запоминаем:

перед буквой “L” префикс IN = IL; то есть получаем сдвоенную букву “L” ,например: iLLusion, iLLegal, iLLuminate;

перед буквой “R” префикс IN =IR; то есть получаем сдвоенную букву “R” , например:iRREgular, iRResponsible, iRRevelant;

перед перед буквами “P”,”M”,”B” префикс IN =IM , то есть получается сдвоенная буква “M” и сочетания букв “MP” и MB”, например: iMMortal, iMProve, iMBalance. Чтобы запомнить три согласных буквы P,M,B я кодирую: ПуМБа.

Если вы откроете словарь на букву “I” и просмотрите слова, которые начинаются на буквы IN, IR, IM ,IMB, IMP (а таких слов очень много) , то почти все они с префиксами. Выучив одно корневое слово и прибавив к нему префикс, вы автоматически будете понимать два слова, а с учетом суффиксов это количество растет вдвое, втрое. вчетверо … и т.д.

Теперь рассмотрим смысл префикса IN.

Префикс IN имеет два смысла:

1. Полностью вбирает в себя смысл предлога места “IN”= в, внутри; с таким же переводом. В этом значении префикс IN не всегда меняет свою согласную “N”. Несколько примеров:

IN + sight — INsight (n) = проницательность, способность проникновения, интуиция;

IN + come — INcome (n)= доход, приход, заработок;

IN + deed — INdeed (adv) = в самом деле, действительно;

IN + born — INborn IMborn (adj) = врожденный;

IN + to lay — INlay = вкладывать, выстилать;

IN + to put — INput = входить;

IN + to set — INset = вставлять, вкладывать;

IN + to press — IMpress = впечатлять, производить впечатление;

IN + to breethe — INbreethe = вдыхать;

IN + cut — INcut(n) = врезка;

IN + land = INland (n) = внутренняя часть земли, удаленная от моря.

2. Префикс IN имеет ОТРИЦАТЕЛЬНОЕ значение . Это аналог префикса UN. Переводится: НЕ или БЕЗ.

IN + moral — IMMoral = аморальный;

IN + delicate — INdelicate = неделикатный, нетактичный;

IN + comparable — INcomparable = несравнимый;

IN + patient — IMpatient = нетерпеливый;

IN + convenient — INconvenient = неудобный;

IN + logical — ILLogical = нелогичный;

IN + different — INdifferent = безразличный;

IN + action — INaction = бездействие;

IN + ability — INability = неспособность;

IN + curable — INcurable = неизлечимый.

Префикс? Пусть вас не смущает это иностранное слово - это всего лишь приставка, при помощи которой, к примеру, в английском и некоторых других языках можно изменить значение того или иного слова. В нашей статье подробно рассматривается данная тема, даются примеры использования, а также таблица и перевод наиболее часто употребляемых приставок, но далеко не всех - в английском языке их великое множество. Изучив тему "Префикс", функция которого, как мы уже выяснили, есть не что иное, как словообразование, вы пополните свои знания и обогатите свой словарный запас. Некоторые приставки имеют исконно английское происхождение, например a-, mis-, fore-, mid-, а некоторые - латинское, вот некоторые из них anti-, contra-, (кстати, эти приставки можно встретить и в русском языке), dis- . Подробную информацию вы найдете ниже.

Префиксы в английском языке

Когда мы уже выяснили, какое значение имеют приставки давайте рассмотрим примеры их использования:
возьмем глагол to agree - соглашаться, применяя к нему дополнение dis- в начале слова, мы получим (to) disagree - не соглашаться, выражать несогласие;
или, например, прилагательное regular - обычный, но с приставкой ir- у нас получится irregular - необычный, нетипичный. Видите, зная, что такое префикс и его значение, вы можете полностью изменить и сделать из него совершенное противоположное по смыслу слово.

Таблица приставок, которые употребляются наиболее часто
Наименование приставки Значение Примеры с переводом
pro- против чего-либо, выступающий против чего-либо pro-life (выступающий против абортов)
anti- ложный, противоположный, сопоставимый с чем-либо anti-hero (отрицательный персонаж, например, в фильме); antichrist (антихрист)
contra - противоположный с чем-либо contraflow (встречный поток движения), contraception (контрацепция)
counter- также применяется в значении противопоставления чего-либо к чему-либо counter-example (противоположный пример, отличный от того, что предлагает оппонент), counterattack - контратака (то есть отражение атаки противника)
a- часто применяется в значение "не" amoral (аморальный, то есть НЕ соблюдающий принятые моральные установки человек), apolitical (аполитичный, то есть вне политики)
dis- не приемлющий что-либо distrust (недоверие), disagree (несогласие); вот почему важно знать, что такое префикс - он полностью меняет значение первоначального слова
in-/im- также имеет значение "не" illegal (нелегальный), impossible (невозможный), incapable (неспособный)
non-/un- "не" non-event (несущественное событие); unfair (несправедливый)
extra- употребляется в значение "сверх" extrasensory (экстрасенсорный), extraordinary (чрезвычайный)
in- "в чем-либо", "где-либо" indoors (в помещении, внутри дома), ingathering - сбор урожая
im-/il-/ir все три префикса имеют значение "между" immirate (иммигрировать, то есть перемещаться между странами), import (импорт)
mid- "средний" midfield (центр футбольного поля), midway (половина пути)
out- "из", "вне" outlook (прогноз), outnumber (численное превосходство)
under- употребляется в значение недостаточности чего-либо underpay (недоплата), underwork (недостаточное использование, к примеру, какого-либо ресурса)
un- префикс выражает противоположность какого-либо действия или состояния unknown (неизвестный), uncomfortable (некомфортный), unpack (распаковывать вещи)
pre- "до чего-либо" prepay (предоплата), preview (предварительный просмотр)

При изучении английского языка вам совершенно необходимо запомнить, префикс, его значение и использование на практике. Он встречается довольно часто как в обычной, так и в повседневной речи, в художественной и специальной литературе, поэтому первое время держите приведенную таблицу перед глазами, практикуйтесь в использовании, и ваша речь, равно как и словарный запас, значительно обогатится. Это - достаточно несложная тема, обычно у студентов ее успешное усвоение занимает всего пару часов.


Close