CSS3 поддержка в браузерах

http://www.w3schools.com/cssref/css3_browsersupport.asp
  • Перевод
imageХотя CSS3 ещё не является стандартом W3C, последние версии браузеров имеют его частичную поддержку. Можно встретить примеры реализующие те или иные свойства CSS3. Но вместе с восторгом многих не покидает также чувство опасения. Связано это в первую очередь с тем, что нет чёткого понимания в поведении браузера при обработке этих свойств. Под катом собрана таблица в которой сравниваются поддерживаемые CSS3 свойства во всех основных браузерах. Кроме этого указывается версия браузера и префикс для кодирования. Шпаргалка в форме изображения, поэтому её удобно скачать к себе на компьютер или мобильное устройство для дальнейшего использования.


Шпаргалка




Расшифровка обозначений

поддерживается в Internet Explorer
поддерживается в Firefox
поддерживается в Google Chrome
поддерживается в Safari
поддерживается в Opera
Поддерживается в Internet Explorer только с префиксом -ms-
Поддерживается в Firefox только с префиксом -moz-
Поддерживается в Google Chrome только с префиксом -webkit-
Поддерживается в Safari только с префиксом -webkit-
Поддерживается в Opera только с префиксом -o-
Поддерживается в Opera только с префиксом -xv-
цифра справа от иконки указывает минимальную версию браузера с которой начинается поддержка


UPD:
grokru рекомендует Caniuse.com На сайте можно найти недостающую и свежую информацию.
Поделиться публикацией
AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Подробнее
Реклама
Комментарии 32
  • –19
    Firefox 2? Вы смеетесь?
    • +8
      скорее всего имеется в виду с какой версии поддерживается
    • +3
      А что именно смущает? Эти свойства поддерживались уже тогда. Надо понимать что CSS3 сейчас как бренд приучил всех смотреть только на свойства transform и animation, но на самом деле если вы посетите W3C, то увидите там дату аж за 23 мая 2001 Живём во время брендов :)
      С CSS3 по-моему ситуация сейчас аналогичная той, что была в конце 90-x с HTML4
      • НЛО прилетело и опубликовало эту надпись здесь
    • 0
      «Поддерживается в Internet Explorer только с префиксом -ms-» — поясните, что это означает? В смысле, что в CSS должно быть:
      -ms-transform: %param-name%=%value%; -moz-transform: %param-name%=%value%; -webkit-transform: %param-name%=%value%;
      ???
      • +1
        -ms-transform:rotate(7deg); /* IE 9 */
        
      • +7
        Caniuse.com на вас нет
      • 0
        То же самое, да в текстовом виде, чтобы можно было искать автоматически.
        • 0
          Вам поможет упомянутый выше Caniuse.com
        • –1
          А IE10 уже за браузер не считается?
          • +1
            почему вы так решили?
            • 0
              Потому, что там уже многие вещи поддерживаются, причём без префиксов. Вы же, не указали этого, а просто опустили значок IE10 в этих местах.
              • НЛО прилетело и опубликовало эту надпись здесь
                • НЛО прилетело и опубликовало эту надпись здесь
          • +2
            Как водится, «шпаргалка» уже заметно устарела. Не все свойства актуальны: например, модуль Flexbox был сильно переработан, нет актуальных данных, например по последним версиям браузеров: IE10, Fx 15, Chrome 22, Safari 6, Opera 12.
          • 0
            ещё опера не поддерживает свойство text-align-last
            • 0
              А зачем упоминать border-radius-top, -bottom и тд? T
              • НЛО прилетело и опубликовало эту надпись здесь
                • +1
                  overflow-x и overflow-y поддерживается в IE начиная с 6 версии.
                  • НЛО прилетело и опубликовало эту надпись здесь
                  • +1
                    Вот еще одна отличная шпаргалка. Тут вам и селекторы и свойства и все виды браузеров и т.д. и т.п.
                    • 0
                      FireFox 15 поддерживает border-image без префикса.

                      Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.