Сглаженные закругленные углы без использования изображений

14 марта 2008

-khtml-border-radius-bottomleft: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

-khtml-border-radius-bottomleft: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

border-top-left-radius: [значение | проценты] [значение | проценты]

1	border-top-left-radius: [значение \| проценты] [значение \| проценты]

это специфические свойтва браузера, которые эмулируют свойтво border-radius в CSS3. В Google Chrome, FF3 и Safari 3.1 уже работает border-radius.

а для закругления отдельных углов подойдет следующее

-khtml-border-radius-bottomleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-left-top-radius: 5px;

-khtml-border-radius-bottomleft: 5px;

-moz-border-radius-bottomleft: 5px;

-webkit-border-bottom-left-radius: 5px;

border-left-top-radius: 5px;

iTEYE