17 lines
1.4 KiB
Markdown
17 lines
1.4 KiB
Markdown
|
---
|
|||
|
|
title: CSS3 Border Radius Property
|
|||
|
|
localeTitle: CSS3 الحدود شعاع الملكية
|
|||
|
|
---
|
|||
|
|
## CSS3 الحدود شعاع الملكية
|
|||
|
|
|
|||
|
|
يمكنك جعل حدود العنصر مستديرة باستخدام خاصية `border-radius` . يمكنك تعيين قيم من أربعة إلى قيمة `border-radius` :
|
|||
|
|
|
|||
|
|
* `border-radius: 5px;` - ستسري هذه القاعدة على جميع الزوايا
|
|||
|
|
* `border-radius: 5px 10px` - سيتم تطبيق هذه القاعدة على القيمة الأولى في _أعلى اليسار_ _واليمين السفلي_ والقيمة الثانية إلى _اليمين العلوي_ _والسفلي الأيسر_ .
|
|||
|
|
* `border-radius: 3px 5px 7px 10px` - سيتم تطبيق هذه القاعدة على القيمة الأولى في _أعلى اليسار_ ، والقيمة الثانية إلى _أعلى اليمين_ ، والقيمة الثالثة إلى _أسفل اليمين_ ، والقيمة الرابعة إلى _أسفل اليسار_ .
|
|||
|
|
* في حالة وجود ثلاث قيم ، تنطبق القيمة الثانية على _اليمين العلوي_ _والسفلي الأيسر_ .
|
|||
|
|
|
|||
|
|
#### معلومات اكثر:
|
|||
|
|
|
|||
|
|
* [MDN - border-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
|
|||
|
|
* [CSS-Tricks - border-radius](https://css-tricks.com/almanac/properties/b/border-radius/)
|