دروس css الصندوق

شرح لأجزاء مختلفة :

    * الهامش -- منطقة حول الحدود. الهامش لا يملك لون الخلفية ، بل هو شفاف تماما
    * الحدود -- الحدود التي تدور حول الحشو والمحتوى. ويتأثر الحدود لون الخلفية من مربع
    * الحشو -- منطقة حول المحتوى. ويتأثر الحشو من لون الخلفية من مربع
    * المحتوى -- محتوى مربع ، حيث النص والصور تظهر

مثال

<style type="text/css">

#aaa

{

width:220px;

padding:50px;

border:5px solid gray;

margin:50px;

}

</style>

مشاهد معاينه الكود

لمزيد من الحدود اضغط هنا