خصوصیت border-top-left-radius
مثال (خصوصیت border-top-left-radius)
گرد کردن گوشه بالا سمت چپ یک عنصر <div>:
{
border:2px solid;
border-top-left-radius:2em;
}
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت border-top-left-radius را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، خصوصیت border-top-left-radius را پشتیبانی نمی کند.
تعریف و کاربرد
با استفاده از خصوصیت border-top-left-radius، می توانید شکل لبه در گوشه بالا سمت چپ را تعیین نمایید.
نکته: این خصوصیت به شما اجازه می دهد تا گوشه های عناصر را گرد نمایید.
| مقدار پیشفرض | 0 |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.borderTopLeftRadius="5px" |
نحوه استفاده
توجه: دو مقدار lenght یا درصد در خصوصیت border-top-left-radius در واقع مشخص کننده شعاع یکی از چهار سمت بیضی است که شکل گوشه های بیرونی لبه را تعریف می کند.
مقدار اول شعاع افقی و مقدار دوم شعاع عمودی است. اگر مقدار دوم قلم گرفته شود، از مقدار اول برای آن استفاده می شود. اگر خصوصیت را با صفر تنظیم نمایید، گوشه ها مربعی می شود. اگر مقدار اول را با درصد تنظیم نمایید، این مقدار نسبت به width عنصر سنجیده می شود و همچنین برای مقدار دومی نیز نسبت به height عنصر محاسبه می شود.
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| length | شکل گوشه ی بالا سمت چپ را تعیین می کند. | نمایش دادن » |
| % | شکل گوشه ی بالا سمت چپ را به درصد تعیین می کند. | نمایش دادن » |
بیاموزهای مرتبط
CSS3 Border (بیاموز CSS3)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6304
