الأربعاء، 10 يناير 2018

التعامل مع الصناديق فى لغة CSS

التعامل مع الصناديق فى لغة CSS

- في الدرس السابق تم شرح مقدمة فى لغة CSS للمزيد من المعلومات برجاء زيارة الرابط السابق التعامل مع النصوص فى لغة CSS - الجزء الثاني
- تتعامل لغة الـ CSS مع اى عنصر من عنصار لغة الـ HTML على ان له صندوق خاص به Own Box

* width & height

تستخدم هذه الخاصية لتحديد ابعاد الصندوق الخاص بعنصر  لغة HTML باستخدام CSS

p {

height: 300px;

width: 300px;

background-color: gray; } 

* Limiting Width 

تستخدم لتحديد اقل عرض لصندوق عندما يتم تصغير المتصفح و اقصي عرض لصندوق عندما يتم تكبير المتصفح 
p {
min-width: 300px;
max-width: 600px;
bckgroung-color; gray; } 

* Limiting Height 

تستخدم لتحديد اقل طول لصندوق عندما يتم تصغير المتصفح و اقصي طول لصندوق عندما يتم تكبير المتصفح
p {
min-height: 300px;
max-height: 600px;
bckgroung-color; gray; } 

*Overflow 

تستخدم هذه الخاصية لاخبار المتصفح بطريقة عرض النص اذا ما كان اكبر من مساحة الصندوق اما عن طريق اخفاء النص الزائد او عمل scroll له

*Border

تستخدم هذه الخاصية لتحكم بالحدد الفاصل بين كل صندوق و الاخر

* border-width

تستخدم هذه الخاصية للتحكم بعرض الحد الفاصل للصندوق و تكون القيمة امال pixel او احد القيم thin , medium , thick  
كما يمكن استخدام هذه الخاصية مع كل ركن من اركان الحد الفاصل للصندوق لوضع قيم مختلفة 
p {
border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 2px;
border-left-width: 1px;} 
كما يمكن كتابتها بطريقة اخري
p {
border-width: 2px 1px 2px 1px;}  

0 التعليقات

إرسال تعليق