CSS свойства в разных браузерах

@Simyrg · Регистрация: 22.04.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте. Я только только начал изучать CSS. В интернете много мусора.

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

CSS
1
2
3
4
5
6
7
#myelement {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

Возникли вопросы:

1) Эти свойства не входят в стандарт W3C?
2) Насколько я понял для того чтобы указать что свойство применимо для какого-то браузера, надо в начале указать префикс (-webkit или -moz...) или ещё как ?
3) Если нет, то где можно глянуть свойства для каждого браузера отдельно, я имею ввиду мозила например если свои какие-то поддерживает они должны быть где то описаны?

4) Всё что по теме добавите от себя приму с благодарностью.

@koza4ok · 09.12.2012, 23:15

1.-o-,-moz-,-ms- не валидны.
2.Префиксы нужно указывать только для браузеров ,которые не поддерживают стандартное сss3 свойство (например ) transform бно у них есть своя реализация свойства.
-o-опера
-moz-мозила
-ms-ие
-webkit-хром,сафари.
3.Каждый браузер имеет свои свойства.
http://htmlbook.ru/css клацните менюшку справа "По браузерам" и увидите свойства для отдельных браузеров.

Припустим вам нужно сделать прозрачность блока.Вы узнали,что за это отвечает свойство
http://htmlbook.ru/css/opacity .
Смотрим табличку поддержки браузеров.
Видим что везде кроме мозилы и ие везде поодерживается
Теперь если мы зададим div{opacity:0} то у нас везде сработает кроме ИЕ и мозылы версии 1,7.
Для мозылы пишем -moz-opacity а для ие фильтр включаем.
Важно заметить что поддержка мозилЫ такой версии уже давно не требуется поэтому его и не нужно писать.
Удачи

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	09.12.2012, 23:15
	1.-o-,-moz-,-ms- не валидны. 2.Префиксы нужно указывать только для браузеров ,которые не поддерживают стандартное сss3 свойство (например ) transform бно у них есть своя реализация свойства. -o-опера -moz-мозила -ms-ие -webkit-хром,сафари. 3.Каждый браузер имеет свои свойства. http://htmlbook.ru/css клацните менюшку справа "По браузерам" и увидите свойства для отдельных браузеров. Припустим вам нужно сделать прозрачность блока.Вы узнали,что за это отвечает свойство http://htmlbook.ru/css/opacity . Смотрим табличку поддержки браузеров. Видим что везде кроме мозилы и ие везде поодерживается Теперь если мы зададим div{opacity:0} то у нас везде сработает кроме ИЕ и мозылы версии 1,7. Для мозылы пишем -moz-opacity а для ие фильтр включаем. Важно заметить что поддержка мозилЫ такой версии уже давно не требуется поэтому его и не нужно писать. Удачи 1