CSS 3 теперь поддерживают все браузеры

03 Апр 2011, рубрика: HTML и CSS зарисовки | Подготовил:

CSS скругление углов Приятно удивили новые версии браузеров Opera и IE своей возможностью чтения CSS 3. Браузеры Firefox и Chrome уже сравнительно давно отличились этой особенностью. Так, атрибуты
-moz-border-radius и -moz-box-shadow определяли соответственно CSS скругление углов и тень для блока для браузера Firefox, а
-webkit-border-radius и -webkit-box-shadow определяли эти же свойства для браузера Chrome. Теперь данные CSS 3 свойства поддерживают также Opera 11 и Internet Explorer 9, что само по себе замечательно. В ихнем случае атрибуты, определяющие скругленные углы и тень для блочных элементов имеют вид: border-radius и -khtml-border-radius, и соответственно box-shadow.

Пример кода, закругляющего, например, все углы заголовка для всех видов браузеров может выглядеть следующим образом: h1 {border-radius: 3px 3px 3px 3px;
-khtml-border-radius:3px 3px 3px 3px; -moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px}
или намного более коротко: h1 {border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px}

Смотрите дополнительно: Создание CSS тени для блока и CSS скругление углов

16 комментариев

  1. 17 Апрель 2011 в 8:32
    Евгений
  2. 20 Апрель 2011 в 16:09
    серый
    • 20 Апрель 2011 в 20:38
      Вася Митин
  3. 22 Апрель 2011 в 13:13
    серый
  4. 22 Апрель 2011 в 13:37
    серый
    • 22 Апрель 2011 в 18:04
      Вася Митин
  5. 25 Апрель 2011 в 15:43
    серый
  6. 26 Апрель 2011 в 16:04
    ваня
    • 26 Апрель 2011 в 17:15
      Вася Митин
  7. 26 Май 2011 в 14:45
    Николай
  8. 27 Май 2011 в 14:08
    Вася Митин
  9. 29 Май 2011 в 15:28
    Николай
  10. 29 Май 2011 в 16:14
    Вася Митин
  11. 31 Май 2011 в 14:58
    Николай
  12. 31 Май 2011 в 15:02
    Николай

Ваше мнение