الشبح
17-07-2010, 01:09 مساءً
السلام عليكم ورحمة الله وبركاته
حتى الآن لم نهتم كثيراً بأمر أبعاد العناصر التي قمنا بتعديل تصاميمها، في هذا الدرس سنلقي نظرة على كيفية تحديد ارتفاع وعرض العناصر.
width
height
تحديد العرض "width"
ولتذكيركم لمن لايجيد html كتابة النص يمكنك الكتابة عن طريق وسم
<p>بسم الله الرحمن الرحيم</p>
الخاصية width تحدد عرضاً معيناً لعنصر محدد.
المثال البسيط أدناه يقدم لنا صندوقاً يمكن أن نكتب فيه نصاً:
div.box {
width: 200px;
border: 1px solid black;
background: orange;
}
تحديد الارتفاع "height"
في المثال أعلاه لاحظنا أن ارتفاع الصندوق تحدده محتوياته، يمكن التأثير على ارتفاع العنصر باستخدام الخاصية height، فمثلاً لنجرب أن نجعل ارتفاع الصندوق في المثال يبلغ 500 بكسل:
div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}
حتى الآن لم نهتم كثيراً بأمر أبعاد العناصر التي قمنا بتعديل تصاميمها، في هذا الدرس سنلقي نظرة على كيفية تحديد ارتفاع وعرض العناصر.
width
height
تحديد العرض "width"
ولتذكيركم لمن لايجيد html كتابة النص يمكنك الكتابة عن طريق وسم
<p>بسم الله الرحمن الرحيم</p>
الخاصية width تحدد عرضاً معيناً لعنصر محدد.
المثال البسيط أدناه يقدم لنا صندوقاً يمكن أن نكتب فيه نصاً:
div.box {
width: 200px;
border: 1px solid black;
background: orange;
}
تحديد الارتفاع "height"
في المثال أعلاه لاحظنا أن ارتفاع الصندوق تحدده محتوياته، يمكن التأثير على ارتفاع العنصر باستخدام الخاصية height، فمثلاً لنجرب أن نجعل ارتفاع الصندوق في المثال يبلغ 500 بكسل:
div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}