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;

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

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

حقائق-حول-النظام-الشمسي

. النظام الشمسي . كيف تكون النظام الشمسي؟ . حدود النظام الشمسي ومكوناته . النجوم والأنظمة المحيطة بالنظام الشمسي النظام الشمسي النظام

أنواع المسرحيات في الأدب العربي

. فن المسرح . نشأة المسرح . أنواع المسرحيات . أشهر كتاب المسرحيات فن المسرح هو نوع أدبيّ موضوعيّ ابتدأ بالشعر حتى القرن التاسع عشر، وقد

علاج الجن العاشق شرعًا

. الجان في الإسلام . حياة الجن ومساكنهم . الجن العاشق . علاج الجن العاشق شرعًا . الجن في السنة النبوية الجان في الإسلام إنَّ حقيقة وجود ا

طريقة-عمل-تشيز-كيك-الكنافة

. تشيز كيك الكنافة . مقادير تشيز كيك الكنافة . مقادير القطر . مقادير طبقة الكنافة . مقادير الحشو . طريقة تحضير تشيز كيك الكنافة . طريقة تق

لماذا-سمي-المتنبي-بهذا-الاسم

. أبو الطيب المتنبي . لماذا سمي المتنبي بهذا الاسم . خصائص شعر المتنبي . من شعر المتنبي أبو الطيب المتنبي أبو الطيّب شاغِلُ الناس في كلّ