Вы можете использовать МЕНЬШЕ , у которого есть пример с радиусом границы на их домашней странице:
.rounded_corners (@radius: 5px) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
#header {
.rounded_corners;
}
Однако я действительно не нахожу это , что грязно использовать браузерные префиксы.Для border-radius единственное, что вам нужно, это:
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
, который будет работать в дюжине браузеров (если вы используете мобильные браузеры).Использование отступов таким способом также позволяет не забыть обновить одно из свойств.Когда вы решите отказаться от поддержки Safari 4 или чего-то еще, вы можете просто найти и заменить правила, которые вы хотите удалить из своих CSS-файлов.
Сравните это с тем, когда нам нужны были хакерские модели, NS4, IE5 / Macисправления, и все такое дерьмо.