+- انجمن های تخصصی فلش خور (http://www.flashkhor.com/forum)
+-- انجمن: رایانه (http://www.flashkhor.com/forum/forumdisplay.php?fid=27)
+--- انجمن: آموزش رایانه و اینترنت (http://www.flashkhor.com/forum/forumdisplay.php?fid=60)
+--- موضوع: آموزش کار با ویژگی های Height و Width در CSS (/showthread.php?tid=296873)
آموزش کار با ویژگی های Height و Width در CSS - Mohlek - 11-05-2021
ویژگی های Height و Width همونطور که مشخصه اولی برای تنظیم اندازه ارتفاع (طول) یک عنصر و ویژگی Width برای تنظیم اندازه عرض یک عنصر بکار برده می شود.
به این نکته باید توجه کنیم که اندازه عرض و طول یک عنصر بصورت مستقیم محاسبه می شود، خب یعنی چی بصورت مستقیم!؟ یعنی اینکه اگه من بفرض مثال به عنصر پاراگرافم ۱۰ پیکسل پدینگ ( Padding ) و ۲۰ پیکسل مارجین ( Margin ) دادم این مارجین و پدینگ جدا حساب میشه و اندازه عرض و طولی که دادم هم جدا حساب میشه.
در نتیجه اندازه کل یک عنصر میشه جمع تمامی مقادیر ویژگی های Margin,Padding,Border ، پس بهمین خاطر ما باید به نسبت اندازه هایی که برای مارجین و پدینگ مشخص میکنیم اندازه طول و عرض مون رو نیز مشخص کنیم تا در هنگام نمایش مشکلی نداشته باشیم.
مقادیری که ویژگی های Height و Width میتوانند بپذیرند مقادیر زیر می باشند :
auto – مرورگرها بصورت خودکار اندازه را تنظیم میکنند
length – تنظیم اندازه با استفاده از واحدهای پیکسل و دیگر واحدهای اندازه گیری
% – تنظیم اندازه بصورت درصدی
initial – تنظیم اندازه با مقادیر پیش فرض
inherit – تنظیم اندازه با استفاده از مقادیر والد یا پدر