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;

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

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

قصة-سمية-بنت-الخياط-للأطفال

قصة سمية بنت الخياط قصة سمية بنت الخياط من القصص التي حدثت في فجر الإسلام، إذ إنّ سمية بنت الخياط هي أول شهيدة في الإسلام، وهي صحابية ج

مصادر-الجلوكوز

الجلوكوز هو نوعٌ من أنواع السكريّات الأحاديّة والتي تشمل الفركتوز والريبوز والجلوكوز والجالاكتوز، ويُعرف بأنه سكرٌ بسيط، وتعود تلك

جمرة العقبة الصغرى

الحج عدّ الله سبحانه وتعالى الحج من أفضل الطاعات والأعمال الصالحة، فهو سبب لمغفرة الله تعالى ذنوب عباده المُذنبين، وقد فرض الله تعال

أطعمة-تسبب-هشاشة-العظام

. هشاشة العظام . أعراض هشاشة العظام . أطعمة تسبب هشاشة العظام . فيديو عن هشاشة العظام هشاشة العظام مرض هشاشة العظام هو مرض يصيب العظام و

فضل-تعليم-القرآن-للأطفال

القرآن الكريم القرآن الكريم هو كلام الله -عزَّ وجلَّ-، وهو التشريع الأول في الإسلام، وهو مصدر الأحكام التي يتبعها المسلمون، ويُعدّ ال