گرد کردن لبه div و چند تا سوال در مورد css3

[sara_aryanfar]

با سلام من از vs2010 استفاده می کنم و می خواستم لبه دایو رو گرد کنم اما نمیشه ظاهرا در css3 چنین امکانی هست حالا برام چند تا سوال پیش اومده
1- نسخه css که vs2010 داره استفاده می کنه چند هست ؟
2-چطوری میشه css3 رو به این محیط اضافه کرد
3-css3 روی چه مرورگرهایی جواب میده ؟
ممنون

[crazy_1892]

از تگ های زیر استفاده کن من در ie و mozilaوopera و google chrome تست کردم حواب داده


Div
{
border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
}

[raziee]

آقای مجتبی کاویانی در این آدرس (http://visualstudiogallery.msdn.microsoft.com/7211bcac-091b-4a32-be2d-e797be0db210) یک Intellisense Schema نوشتند که میتونید بر روی VS نصب کنید.
این لینک (http://blogs.msdn.com/b/webdevtools/archive/2011/01/27/html5-amp-css3-in-visual-studio-2010-sp1.aspx) هم مطالعه کنید.

[Saman Hashemi]

با استفاده از jQuery (http://www.curvycorners.net/demos/)هم میتونید اینکار بکنید که توی همه مرورگرها کار کنه...!

[farhud]

با استفاده از border-radius:10px میشه این کار را کرد و نیازی هم نیست که برای همه مرورگرها مشخصات تعیین کنی. تمام نسخه های جدید مرورگرها نمایش می دهند حتی IE 9.

در ویژوال استودیو این پشتیبانی نمیشه ولی شما بنویس و اجرا کن در آخرین نسخه های تمام مرورگرها درست نمایش داده میشه.

[moslem.hady]

http://programmer.persianblog.ir/post/32

[ASP.NET2]

با استفاده از border-radius:10px میشه این کار را کرد و نیازی هم نیست که برای همه مرورگرها مشخصات تعیین کنی. تمام نسخه های جدید مرورگرها نمایش می دهند حتی IE 9.

در ویژوال استودیو این پشتیبانی نمیشه ولی شما بنویس و اجرا کن در آخرین نسخه های تمام مرورگرها درست نمایش داده میشه.
پس Cross Browser چی میشه.؟

[Saman Hashemi]

پس Cross Browser چی میشه.؟
مشکل بزرگ همینه که بیشتر مرورگرهای مورد استفاده IE6 و IE7 است که با css این امکان فراهم نیست پس یا باید از عکس استفاده کنید که قالب سایت سنگین میشه یا از jQuery استفاده کنید که یکی دو نمونه دیدم که روی اکثر مرورگرها کار میکرد...!

[Mohandes2009]

برای گرد کردن لبه دیو یا هر چی دیگه که میخواین گرد بشه

برای گرد کردن لبه پایین چپ و راستش جدا جدا:


border-bottom-left-radius: 25px 10px;
border-bottom-right-radius:10px 25px;


برای گرد کردن لبه بالایی چپ و راستش جدا جدا :


border-top-right-radius:25px 10px;
border-top-left-radius:10px 25px;


بصورت کلی گرد کردن بالا و پایین :


-moz-border-radius: 1em 4em 1em 4em;