لایه گذاری در CSS

با استفاده از ویژگی لایه گذاری در CSS، می توانید فضای اطراف عنصر را در مرزهای آن اضافه کنید:

p {
   padding: 2cm 4cm 3cm 4cm;   
}

این ویژگی در واقع خلاصه ای برای چهار زیر خاصیت padding CSS است:

• پدینگ
• پدینگ راست
• پدینگ پایین
• پدینگ چپ

بررسی لایه گذاری در CSS

ویژگی لایه گذاری از یک تا چهار مقدار را می پذیرد:

padding: value1 value2 value3 value4؛

مقادیر مربوط به خصوصیت CSS padding را می توان با px ، pt ،٪ ، cm و غیره نوشت. مقدار پیش فرض 0 است. مقدار همچنین می تواند اولیه باشد که خاصیت را به مقدار پیش فرض خود تنظیم کند ، یا مقدار را به صورت ارثی تنظیم کند. همان پدر و مادرش است.

اگر فقط یک مقدار مشخص کنید ، از آن برای تغییر پدینگ CSS در چهار طرف استفاده می شود:

p {
   padding: 5px;   
}

اگر دو مقدار تعیین کنید ، مقدار اول روی پدینگ برای طرفین بالا و پایین و مقدار دوم روی پدینگ برای سمت راست و چپ تأثیر می گذارد:

p {
   padding: 5px 8px;   
}

اگر سه مقدار را تعیین کنید ، مقدار اول پدینگ بالا را تعریف می کند ، مقدار دوم با پدینگ سمت راست و چپ را تعریف می کند و مقدار سوم پدینگ را در پایین تنظیم می کند:

p {
   padding: 5px 8px 10px;   
}

اگر هر چهار مقدار را تعریف کنید ، هر چهار طرف به صورت ساعتگرد تنظیم می شوند: بالا ، راست ، پایین ، چپ:

p {
   padding: 5px 8px 10px 7px;   
}

توجه: برای ویژگی CSS padding نمی توانید مقادیر منفی تعیین کنید.

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.