border-radius

Скругление углов CSS3

Вторник, 8 февраля 2011 г.
Рубрика: Web-мастеринг
Метки: |
Просмотров: 14765
Подписаться на комментарии по RSS

Сегодня хочу рассказать о таком свойстве CSS3, как border-radius, позволяющее создать закругленную границу вокруг прямоугольного блока.

Backgrounds and Borders module на данный момент всё ещё остается черновым документом W3C, поэтому при именовании свойства border-radius браузеры используют вендорные префиксы:

  • -moz- используется в браузерах на основе движка Gecko (Firefox и SeaMonkey)
  • -webkit- в браузерах на основе одноименного движка (Safari и Chrome)

Браузер Opera обходится без вендорного префикса, ну а IE, оправдывая своё народное название "осла", вовсе не поддерживает данного свойства.

Скругление углов средствами CSS3. В данном примере не используется JS или картинки.

читать полностью →