CSS - حاشیه ها

خاصیت حاشیه فضای اطراف یک عنصر HTML را تعریف می کند. استفاده از مقادیر منفی برای همپوشانی محتوا امکان پذیر است.

مقادیر خاصیت حاشیه توسط عناصر کودک به ارث نمی رسد. به یاد داشته باشید که حاشیه های عمودی مجاور (حاشیه های بالا و پایین) به یکدیگر فرو می روند تا فاصله بین بلوک ها مجموع حاشیه ها باشد ، بلکه فقط بیشتر از دو حاشیه یا اندازه یک حاشیه است اگر هر دو باشندبرابر.

ما خواص زیر را برای تنظیم حاشیه عنصر داریم.

• حاشیه برای تعیین خصوصیات حاشیه در یک اعلامیه ، یک ملک کوتاه را مشخص می کند.
• حاشیه حاشیه حاشیه پایین یک عنصر را مشخص می کند.
• حاشیه حاشیه حاشیه بالای یک عنصر را مشخص می کند.
• حاشیه سمت چپ حاشیه سمت چپ یک عنصر را مشخص می کند.
• حاشیه راست حاشیه راست یک عنصر را مشخص می کند.

اکنون ، ما خواهیم دید که چگونه از این خصوصیات با مثال استفاده کنیم.

دارایی حاشیه

خاصیت حاشیه به شما امکان می دهد تمام خواص چهار حاشیه را در یک اعلامیه تنظیم کنید. در اینجا نحو برای تنظیم حاشیه در اطراف یک پاراگراف وجود دارد -

در اینجا یک مثال آورده شده است -

هر چهار حاشیه 15 قطعه خواهد بود

حاشیه بالا و پایین 10 عدد خواهد بود ، حاشیه چپ و راست 2 ٪ از کل عرض سند خواهد بود.

حاشیه بالا 10px خواهد بود ، حاشیه چپ و راست 2 ٪ از کل عرض سند خواهد بود ، حاشیه پایی ن-10px خواهد بود

حاشیه بالا 10px خواهد بود ، حاشیه سمت راست 2 ٪ از کل عرض سند ، حاشیه پایی ن-10px خواهد بود ، حاشیه سمت چپ توسط مرورگر تنظیم می شود

این نتیجه زیر را تولید می کند -

دارایی حاشیه پایین

ویژگی حاشیه ای به شما امکان می دهد حاشیه پایین یک عنصر را تنظیم کنید. این می تواند از نظر طول ، ٪ یا خودکار باشد.

در اینجا یک مثال آورده شده است -

این پاراگراف با حاشیه پایین مشخص است

این پاراگراف دیگری با حاشیه پایین مشخص در درصد است

این نتیجه زیر را تولید می کند -

خاصیت حاشیه

خاصیت حاشیه ای به شما امکان می دهد حاشیه بالای یک عنصر را تنظیم کنید. این می تواند از نظر طول ، ٪ یا خودکار باشد.

در اینجا یک مثال آورده شده است -

این یک پاراگراف با حاشیه بالا مشخص شده است

این پاراگراف دیگری با حاشیه بالایی در درصد است

این نتیجه زیر را تولید می کند -

دارایی حاشیه چپ

ویژگی حاشیه سمت چپ به شما امکان می دهد حاشیه سمت چپ یک عنصر را تنظیم کنید. این می تواند از نظر طول ، ٪ یا خودکار باشد.

در اینجا یک مثال آورده شده است -

این پاراگراف با حاشیه سمت چپ مشخص است

این پاراگراف دیگری با حاشیه بالایی در درصد است

این نتیجه زیر را تولید می کند -

دارایی حاشیه راست

ویژگی حاشیه راست به شما امکان می دهد حاشیه راست یک عنصر را تنظیم کنید. این می تواند از نظر طول ، ٪ یا خودکار باشد.

در اینجا یک مثال آورده شده است -

این یک پاراگراف با حاشیه راست مشخص است

این پاراگراف دیگری با حاشیه راست مشخص در درصد است

این نتیجه زیر را تولید می کند -