ویژگی border-top-left-radius CSS

کلاس‌های پیشنهادی:

تعریف و استفاده

ویژگی border-top-left-radius شکل گوشه بالا چپ لبه را تعریف می‌کند.توصیه:

این ویژگی به شما اجازه می‌دهد تا به عناصر گوشه‌های گرد اضافه کنید.

لطفاً به:کناره‌های CSS3

آموزش CSS3:

مثال

به گوشه بالا چپ عناصر div گوشه‌های گرد اضافه کنید:
div
{
border:2px solid;
border-top-left-radius:2em;

}

آزمایش کنید

CSS 语法 توضیح[شکل پایین سمت چپ را تعریف کنید. border-bottom-right-radius:توضیح[شکل پایین سمت چپ را تعریف کنید.|

];نکته:

border-top-left-radius مقدار طولی و درصدی برای تعریف نیم‌دایره‌های یک چهارم دایره (تعریف شکل گوشه‌های بیرونی لبه‌های کناره) رادیوس (رادی‌ها) را تعریف می‌کند. مقدار اول رادیوس افقی است و مقدار دوم رادیوس عمودی است. اگر دومین مقدار را حذف کنید، مقدار اول را کپی می‌کند. اگر طول به صفر برسد، گوشه‌ها مربعی می‌شوند، نه دایره‌ای. درصد رادیوس افقی به عرض قاب لبه‌ها ارجاع دارد و درصد رادیوس عمودی به ارتفاع قاب لبه‌ها ارجاع دارد.

مقدار ویژگی مقدار شکل پایین سمت چپ را به عنوان درصد تعریف کنید.
توضیح length شکل پایین سمت چپ را به عنوان درصد تعریف کنید.
شکل پایین سمت چپ را تعریف کنید. % شکل پایین سمت چپ را به عنوان درصد تعریف کنید.

آزمایش

جزئیات فنی مقدار پیش‌فرض:
0 نمایندگی:
no نسخه:
CSS3 JavaScript 语法：.style.borderTopLeftRadius="5px"

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5