09 июня 2010 :Используйте border-radius

Вы любите скруглённые уголки? Я например — очень люблю. Практически в каждом дизайне или вёрстке у меня они присутствуют. Несколько лет назад — было бы проще нарезать дизайн в картинки и выложить их как есть, или же использовать метод c css-спрайтами.

Но сегодня я хочу рассказать пару новостей о свойстве border-radius, которое раньше служило хорошим способом «постепенного улучшения»:

Во-первых, хоть это и старая новость, Опера полностью поддерживает это свойство с версии 10.5 (т. е. уже полгода как). Грядущий IE9 также его поддерживает.

Вторая новость, подсмотренная на хабре, заключается в том что файрфокс видимо уберёт наконец префикс -moz- у этого свойства в следующем релизе. Что очень радует, так как для файрфокса свойство приходилось писать отдельно, что очень лениво. Так что ждём webkit, когда он тоже отменит свой префикс, поскольку для него я часто даже не задавала отдельного свойства.

Что касается предыдущих версий IE, то в них поддержка включается специальным скриптиком

behavior: url(ie-css3.htc);

Который можно взять тут http://fetchak.com/ie-css3/, замечу что это финальная версия популярного скрипта, разные версии которого часто используются в других способах скругления уголков.

Используйте border-radius — красиво же! =)