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;

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

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

أجمل-أقوال-ابن-القيم

ابن القيم هو أبو عبد الله شمس الدين محمد بن أبي بكر بن أيوب بن سعد بن حريز بن مكي زيد الدين الزُّرعي، المشهور باسم ابن قيّم الجوزية الذ

موضوع-تعبير-عن-الحج

الحج يقولُ الله تعالى في محكم التنزيل: أَذِّن فِي النَّاسِ بِالْحَجِّ يَأْتُوكَ رِجَالًا وَعَلَىٰ كُلِّ ضَامِرٍ يَأْتِينَ مِن كُلِّ

كم عدد الأنبياء العرب الذين نطقوا

محتويات 1 كم عدد الأنبياء العرب وترتيبهم 2 أعمار الأنبياء العرب 3 لغة الأنبياء العرب كم عدد الأنبياء العرب الذين نطقوا باللغه العربي ة

أضرار-الطماطم

. الخضروات . الطماطم . فوائد الطماطم . أضرار الطماطم . هل الطماطم فاكهة أم خضروات؟ . طرق طهي الطماطم الخضروات تحتوي الخضروات على سعرات حر

مصادر التغذية عند الإنسان

. أهمية الغذاء . مصادر التغذية عند الإنسان . الكربوهيدرات . البروتين . الدهون . الفيتامينات . المعادن . الماء . النظام الغذائي الصحي أهمية