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;

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

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

معلومات-عن-الفسفور-الأبيض

. الفسفور الأبيض . خصائص الفسفور الأبيض . تأثير الفسفور الأبيض على الإنسان .  استخدامات الفسفور الأبيض . القنابل الفوسفورية . الإسعافات

أضرار-الخوخ

. الخوخ . القيمة الغذائية للخوخ . أضرار الخوخ . مشاكل في الجهاز الهضمي . الحساسية . تراكم الأوكسالات الخوخ الخوخ هو أحد الفواكه التي تؤكل

معلومات-عن-مدينة-قارمش

. مدينة قارمش . تاريخ مدينة قارمش . مناخ مدينة قارمش . الرياضة في مدينة قارمش . المؤسسات العامة في مدينة قارمش . مركز جورج سي مارشال الأور

أحداث-غزوة-بواط

. غزوة بواط . أسباب غزوة بواط . أهداف غزوة بواط . موقع غزوة بواط وتاريخها . قوات المسلمين وقريش . أحداث غزوة ودان . نتائج غزوة ودان غزوة بو

أعراض-مرض-الإسهال

. مرض الإسهال . أعراض مرض الإسهال . أسباب مرض الإسهال . تشخيص مرض الإسهال . علاج مرض الإسهال مرض الإسهال مرض الإسهال يحدث نتيجة الحركة ال