آموزش CSS Padding

Padding برای ایجاد فضای اطراف محتوای یک عنصر ، در داخل هر مرز مشخص شده استفاده می شود.

CSS Padding

از paddingویژگی های CSS برای ایجاد فضای اطراف محتوای یک عنصر ، در داخل هر مرز مشخص شده استفاده می شود.

با CSS ، شما کنترل کاملی بر روی padding دارید. برای تنظیم بالشتک برای هر طرف یک عنصر (بالا ، راست ، پایین و چپ) ویژگی هایی وجود دارد.

بالشتک – طرفین فردی

CSS ویژگی هایی را برای تعیین بارگذاری برای هر طرف یک عنصر دارد:

• padding-top
• padding-right
• padding-bottom
• padding-left

تمام خصوصیات padding می توانند مقادیر زیر را داشته باشند:

• length – یک padding در px ، pt ، cm و غیره را مشخص می کند.
• ٪ – یک پر کردن در٪ عرض عنصر حاوی را مشخص می کند
• Heritage – مشخص می کند که padding باید از عنصر والد به ارث برسد

توجه: مقادیر منفی مجاز نیستند.

div {
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;
}

div {
  padding: 25px 50px 75px 100px;
}

div {
  padding: 25px 50px 75px;
}

div {
  padding: 25px 50px;
}

div {
  padding: 25px;
}

div {
  width: 300px;
  padding: 25px;
}

div {
  width: 300px;
  padding: 25px;
  box-sizing: border-box;
}