بازی آنلاین
آپلود عکس
11-05-2021، 9:58
ویژگی های Height و Width همونطور که مشخصه اولی برای تنظیم اندازه ارتفاع (طول) یک عنصر و ویژگی Width برای تنظیم اندازه عرض یک عنصر بکار برده می شود.
به این نکته باید توجه کنیم که اندازه عرض و طول یک عنصر بصورت مستقیم محاسبه می شود، خب یعنی چی بصورت مستقیم!؟ یعنی اینکه اگه من بفرض مثال به عنصر پاراگرافم ۱۰ پیکسل پدینگ ( Padding ) و ۲۰ پیکسل مارجین ( Margin ) دادم این مارجین و پدینگ جدا حساب میشه و اندازه عرض و طولی که دادم هم جدا حساب میشه.
در نتیجه اندازه کل یک عنصر میشه جمع تمامی مقادیر ویژگی های Margin,Padding,Border ، پس بهمین خاطر ما باید به نسبت اندازه هایی که برای مارجین و پدینگ مشخص میکنیم اندازه طول و عرض مون رو نیز مشخص کنیم تا در هنگام نمایش مشکلی نداشته باشیم.
مقادیری که ویژگی های Height و Width میتوانند بپذیرند مقادیر زیر می باشند :
auto – مرورگرها بصورت خودکار اندازه را تنظیم میکنند
length – تنظیم اندازه با استفاده از واحدهای پیکسل و دیگر واحدهای اندازه گیری
% – تنظیم اندازه بصورت درصدی
initial – تنظیم اندازه با مقادیر پیش فرض
inherit – تنظیم اندازه با استفاده از مقادیر والد یا پدر
به این نکته باید توجه کنیم که اندازه عرض و طول یک عنصر بصورت مستقیم محاسبه می شود، خب یعنی چی بصورت مستقیم!؟ یعنی اینکه اگه من بفرض مثال به عنصر پاراگرافم ۱۰ پیکسل پدینگ ( Padding ) و ۲۰ پیکسل مارجین ( Margin ) دادم این مارجین و پدینگ جدا حساب میشه و اندازه عرض و طولی که دادم هم جدا حساب میشه.
در نتیجه اندازه کل یک عنصر میشه جمع تمامی مقادیر ویژگی های Margin,Padding,Border ، پس بهمین خاطر ما باید به نسبت اندازه هایی که برای مارجین و پدینگ مشخص میکنیم اندازه طول و عرض مون رو نیز مشخص کنیم تا در هنگام نمایش مشکلی نداشته باشیم.
مقادیری که ویژگی های Height و Width میتوانند بپذیرند مقادیر زیر می باشند :
auto – مرورگرها بصورت خودکار اندازه را تنظیم میکنند
length – تنظیم اندازه با استفاده از واحدهای پیکسل و دیگر واحدهای اندازه گیری
% – تنظیم اندازه بصورت درصدی
initial – تنظیم اندازه با مقادیر پیش فرض
inherit – تنظیم اندازه با استفاده از مقادیر والد یا پدر
![[-]](http://www.flashkhor.com/forum/images/collapse.gif "[-]")
