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 На сайте можно найти недостающую и свежую информацию.
Поделиться публикацией
Ой, у вас баннер убежал!

Ну. И что?
Реклама
Комментарии 32
    –19
    Firefox 2? Вы смеетесь?
      +8
      скорее всего имеется в виду с какой версии поддерживается
        +4
        Совершенно верно
        +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
                Firefox 18 (предварительно) — ссылка, остальные, за исключение Opera (про нее без понятия...).
                  0
                  Ну, я имел в виду не только модуль Flexbox. Но по инсайду он, вероятно, скоро будет в Опере.
                • НЛО прилетело и опубликовало эту надпись здесь
                0
                ещё опера не поддерживает свойство text-align-last
                  0
                  А зачем упоминать border-radius-top, -bottom и тд? T
                  • НЛО прилетело и опубликовало эту надпись здесь
                      +1
                      overflow-x и overflow-y поддерживается в IE начиная с 6 версии.
                      • НЛО прилетело и опубликовало эту надпись здесь
                        +1
                        Вот еще одна отличная шпаргалка. Тут вам и селекторы и свойства и все виды браузеров и т.д. и т.п.
                          0
                          FireFox 15 поддерживает border-image без префикса.

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

                          Самое читаемое