پشتیبانی مرورگر ها

اینترنت اکسپلورر 9 دو مورد از سه مورد خواص جدید را پشتیبانی می کند .
فایرفاکس برای border-image نیاز به پیشوند -moz دارد.
کروم و سافاری برای استفاده از border-image نیاز به پیشوند -webkit- دارند .
اوپرا برای border-image نیاز به پیشوند -o- دارد.
اوپرا خوشبختانه ویژگی های جدید سی اس اس که در بالا ذکر شد ( border-radius , border-image و box-shadow ) را پشتیبانی میکند .

گرد کردن گوشه ها در CSS3

اضافه کردن گوشه های گرد در CSS2 بسیار وقت گیر بود . ما باید برای هر گوشه از یک تصویر استفاده میکردیم .
در CSS3 ایجاد گوشه های گرد آسان است .
در CSS3 از ویژگی border-radius برای ایجاد گوشه های گرد استفاده میشود .

نمونه کد:

iv {
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 یا قدیمی تر */
}