صفات Margin در CSS

صفات Margin در CSS

از صفت margin در زبان CSS برای تولید فضا در اطراف عناصر HTML استفاده می شود.

صفات margin اندازه ی فضای خالی خارج از border را برای یک عنصر تعیین می کند.

با استفاده از زبان CSS کنترل کاملی روی صفات margin خواهید داشت.

شما می توانید برای هر سمت از عنصر با استفاده از صفات margin ایی که در CSS فراهم شده است، مقدار فضای خالی را تنظیم کنید.

Margin - تنظیم مقدار صفت margin برای هر سمت به طور جداگانه

زبان CSS دارای صفاتی است که می توان مقدار margin را برای هر سمت از یک عنصر HTML تنظیم کرد. این صفات عبارت اند از:

margin-top

margin-right

margin-bottom

margin-left

همه ی صفات margin می توانند دارای مقادیر زیر باشند:

auto - در این حالت مرورگر مقدار margin را محاسبه می کند.

اندازه - در این حالت مقدار صفات margin توسط اندازه هایی در واحد های پیکسل، سانتیمتر و. مشخص می شود.

% - در این حالت مقدار margin با استفاده از درصدی از پهنای عنصر مورد نظر مشخص می شود.

inherit - مقداردهی صفات margin با مقدار inherit به معنای این است که مقدار margin از عنصر پدرش به ارث برده می شود.

نکته: برای مقدار دهی صفات margin از مقادیر منفی هم می توان استفاده کرد.

Margin - صفت کوتاه شده

برای کوتاه نویسی در کد می توان تمام صفات margin را که در لیست زیر آورده شده است در یک صفت خلاصه نویسی کرد:

margin-top

margin-right

margin-bottom

margin-left