Home / آموزش css / جلسه یازدم آموزش تنظیم خواص باکس ها Border , Margin , Padding

جلسه یازدم آموزش تنظیم خواص باکس ها Border , Margin , Padding

جلسه یازدم آموزش تنظیم خواص باکس ها Border , Margin , PaddingReviewed by جواد on May 6Rating: 5.0

Border , Margin , Padding

در این بخش از آموزش css ، تنظیم خواص باکس ها را آموزش میدهیم. همه ی عناصری که در  HTML   تعریف میشوند میتوانند این ویژگی ها را داشته باشند.

این بخش یکی از مهمترین آموزش ها ، در سی اس اس و طراحی قالب سایت می باشد.

طول یک Element   در واقع شامل مجموع مقدار تمامی این ویژگی ها به علاوه طول خود شی می باشد .
برای مثال جمع کل طول یک شی با ویژگی های زیر ۳۰۰px  میباشد.

width:250px;
padding:10px;
border:5px solid gray;
margin:10px;

===  محاسبه کل طول  ====

۲۵۰px (width)
+ ۲۰px (left + right padding)
+ ۱۰px (left + right border)
+ ۲۰px (left + right margin)
= ۳۰۰px

تصویر زیر بیانگر کاربرد این ویژگی ها میباشد:
سون پلاگین

این ویژگی ها برای کسانی که طراحی سایت مبتدی هستند کمی پیچیده است.

——————————————————————————————

هر روز یک جلسه جدید برای دوستان گلم

با ما همراه باشید

به امید پیشرفت روز افزون برای شما….

لینک کوتاه مطلب : http://7plugin.ir/?p=2708

درباره کاربر ناشناس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سوال امنیتی * لطفا معادله امنیتی را مجددا بارگذاری کنید