CSS Padding
پدینگ (Padding) در CSS
پدینگ به فضای داخلی بین محتوای یک المان و مرز (border) آن گفته میشود. با استفاده از ویژگی padding در CSS میتوانید این فاصله را تنظیم کنید.
🔹 ساختار پایه:
selector {
padding: 10px; /* برای همهی سمتها */
}
🔹 پدینگ برای هر سمت به صورت جداگانه:
🔹 واحدهای اندازهگیری:
-
پیکسل (px)
-
درصد (%)
-
ام (em)
-
رم (rem)
و غیره…
🔹 مثال:
.box {
padding: 20px; /* پدینگ برابر برای همه طرفها */
padding-left: 10px; /* پدینگ سمت چپ را به 10 پیکسل تغییر میدهد */
}
دیدگاهتان را بنویسید