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;

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

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

ما-هي-فوائد-شجرة-السدر

جاهز . شجرة السدر . فوائد شجرة السدر . تحسن عملية الهضم . تخفض نسبة الكوليسترول . تخلص من القلق والتوتر وتعزيز المناعة . تنظيم مستوى السك

مضاعفات-التلعثم-عند-الأطفال

. التلعثم عند الأطفال . أسباب التلعثم عند الأطفال . مضاعفات التلعثم عند الأطفال . فيديو عن التلعثم عند الأطفال التلعثم عند الأطفال يعد

علاج-الحمو-الفموي

. الحمو الفموي . أعراض الحمو الفموي . أسباب الحمو الفموي . تشخيص الحمو الفموي . علاج الحمو الفموي . الوقاية من الحمو الفموي . فيديو عن علا

ما-هي-أمراض-البنكرياس

. البنكرياس . أمراض البنكرياس . التهاب البنكرياس . سرطان البنكرياس . التّليّف الكيسيّ . تضخّم البنكرياس . السكري . تشخيص أمراض البنكرياس