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;

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

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

فوائد-قشر-البرتقال-المجفف

قشر البرتقال البرتقال أحد أكثر الفواكه استهلاكًا في العالم، ولكن بدون القشور التي غالبًأ ما يتم التخلص منها إلا في حالة الرغبة في الح

قصة الأسد والبطة

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

ما-هي-فوائد-السحلب

السحلب إنّ الأسرة التي ينتمي إليها نبات السحلب تحتوي ما يقارب 19500 نوع من الأنواع والتي تتوزّع في جميع أنحاء العالم، وتعدّ تركيا بلدًا

نبذة-عن-حياة-مارك-فيشر

حياة مارك فيشر يُعدّ الكاتب البريطاني مارك فيشر من أشهر الشخصيات العالمية المُلهمة حول العالم، وقد ألهمت كتاباته المختلفة قطاعات مت

طريقة-عمل-السينابون

. السينابون . مكونات ومقادير السينابون . طريقة عمل السينابون . القيمة الغذائية للسينابون السينابون السنابون هو أحد أطباق الحلوى الغرب

كيفية-تنظيف-الأظافر

الأظافر مهما بدت المرأة على درجةٍ عالية من الجمال لا تكتمل إطلالتها دون الحصول على أظافر صحية ومنظمة، حتى أنّ وضع طلاء الأظافر لا يكف