+- مرجع پارسی MyBB (https://community.mybbiran.com)
+-- انجمن: متفرقه (https://community.mybbiran.com/forum-52.html)
+--- انجمن: آموزش HTML (https://community.mybbiran.com/forum-140.html)
+--- موضوع: Border , Margin , Padding (/thread-18224.html)
Border , Margin , Padding - sahar708 - ۱۳۹۴/۴/۲۵
در این بخش از آموزش css ، تنظیم خواص باکس ها را آموزش میدهیم. همه ی عناصری که در HTML تعریف میشوند میتوانند این ویژگی ها را داشته باشند.
این بخش یکی از مهمترین آموزش ها ، در سی اس اس و طراحی قالب سایت می باشد.
طول یک Element در واقع شامل مجموع مقدار تمامی این ویژگی ها به علاوه طول خود شی می باشد .
برای مثال جمع کل طول یک شی با ویژگی های زیر 300px میباشد.
width:250px;
padding:10px;
border:5px solid gray;
margin:10px;
=== محاسبه کل طول ====
250px (width)
+ 20px (left + right padding)
+ 10px (left + right border)
+ 20px (left + right margin)
= 300px
تصویر زیر بیانگر کاربرد این ویژگی ها میباشد:
این ویژگی ها برای کسانی که طراحی سایت مبتدی هستند کمی پیچیده است.