css3 رسم حدود الصناديق والمربعات

بواسطة:

قدمت CSS 3 حلول كثيرة للتصميم 

ومن هذه الحلول هو انشاء زوايا دائرية بشتى انواعها مثل ماذكرت 

هذه الخاصية إسمها Border-Radius .

نقوم باخذ امثلة 

border-radius: 5px;

في هذا المثال نقوم بتحديد جميع الزوايا بزاوية 5 px , بمعنى انها ستكون بجميع الزوايا اليمين واليسار والاسفل باليمين واليسار ايضاً 

 

مثال اخر 

border-top-left-radius: 10px 5px;

border-bottom-right-radius: 10% 5%;
border-top-right-radius: 10px;

هذه الامثلة نرى اننا قمنا بتحديد الزوايا مثل الاعلى اليسار , الاسفل اليمين , وهكذا نقوم بتحديد زوايا محدده ...

مواضيع ذات صلة بـ

عادات-مالية-سيئة-يجب-التخلص-منها

إدارة الأموال يُطلق عليها أيضًا اسم إدارة الاستثمار فهي عملية تتبع للنفقات والاستثمارات والميزانية وتقييم لضرائب الأموال، فهي التق

كيف-يتكون-المطر

المطر يُعتبر المطر من أعظم النعم التي أنعمها الله علينا، فهو مصدر الحصول على الماء الذي يُعتبر عصب الحياة وسرّها، كما أنه مصدر لبث ال

قصة-النبي-لوط-للأطفال

قصة النبي لوط للأطفال إنّ قصة النبي لوط -عليه السّلام- قصّة عظيمة، فيها من العبرة والموعظة الكثير، وهي قصة حدثتْ في قديم الزمان في مكا

فوائد-الصمغ-العربي-للعظام

يعاني الكثير من الناس من العديد من مشاكل وآلام العظام والمفاصل، وتحدث تلك المشاكل بسبب أسلوب الحياة الذي يعتمد فيه الناس على الجلوس ف

حكم التسمية باسم غادة

معنى اسم غادة الغَيَدُ في اللغة يعني النّعومة، والأغيد هو من مالَتْ عُنُقُه ولانَت أعطافُه بحسب ما قاله مؤلف معجم لسان العرب ابن منظو

أعراض-حساسية-الجهاز-التنفسي

. حساسية الجهاز التنفسي . أعراض حساسية الجهاز التنفسي . أعراض حساسية الجهاز التنفسي العلوي . أعراض حساسية الجهاز التنفسي السفلي . أسباب