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;

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

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

معلومات-عن-نبات-العنكبوت

نبات العنكبوت يعتبر نبات العنكبوت من النباتات التي تنتمي إلى عائلة الهليون، ويعرف بنات العنكبوت باسمه العلمي كلوروفيتيوم، كما يسمّى

ما-هي-حالات-المادة

. المادة وحالاتها . معلومات عن حالات المادة . الحالة الصلبة . الحالة السائلة . الحالة الغازية . حالة البلازما المادة وحالاتها تشير حالات

قصة-فيلم-روك-ستار

. فيلم روك ستار . قصة فيلم روك ستار . أبطال مسلسل روك ستار . رانبير كابور . نرجس فخري فيلم روك ستار فيلم روك ستار هو فيلم من إنتاج الهند، و

الوقاية من التهاب الغدد العرقية

. ما هو التهاب الغدد العرقية؟ . أعراض التهاب الغدد العرقية . عوامل تزيد من احتمال حدوث التهاب الغدد العرقية . تشخيص وعلاج التهاب الغدد ا

سبب-موت-الرسول

النبي محمد -صلى الله عليه وسلم- هو خاتم الأنبياء والمرسلين محمَّد بن عبد الله بن عبد المطلب بن هاشم بن عبد مناف، يصلُ نسبه إلى سيدنا إب