freeCodeCamp/guide/arabic/css/properties/css3-border-radius-property/index.md

1.4 KiB

title localeTitle
CSS3 Border Radius Property CSS3 الحدود شعاع الملكية

CSS3 الحدود شعاع الملكية

يمكنك جعل حدود العنصر مستديرة باستخدام خاصية border-radius . يمكنك تعيين قيم من أربعة إلى قيمة border-radius :

  • border-radius: 5px; - ستسري هذه القاعدة على جميع الزوايا
  • border-radius: 5px 10px - سيتم تطبيق هذه القاعدة على القيمة الأولى في أعلى اليسار واليمين السفلي والقيمة الثانية إلى اليمين العلوي والسفلي الأيسر .
  • border-radius: 3px 5px 7px 10px - سيتم تطبيق هذه القاعدة على القيمة الأولى في أعلى اليسار ، والقيمة الثانية إلى أعلى اليمين ، والقيمة الثالثة إلى أسفل اليمين ، والقيمة الرابعة إلى أسفل اليسار .
  • في حالة وجود ثلاث قيم ، تنطبق القيمة الثانية على اليمين العلوي والسفلي الأيسر .

معلومات اكثر: