Padding در W3.CSS

w3-padding-8

من padding  به اندازه 8px  از بالا و پایین دارم.

w3-padding-large

من padding  به اندازه 12px  از بالا و پایین و 24px  از چپ و راست دارم.


کلاس هایPadding-Number درW3.CSS

کلاس های w3-padding-number  به عناصر padding ,HTML  بالا و پایین می افزایند :

کلاستعریف
w3-padding-4افزودن padding  بالا و پایین به اندازه 4px  به عناصر
w3-padding-8افزودن padding  بالا و پایین به اندازه 8px  به عناصر
w3-padding-12افزودن padding  بالا و پایین به اندازه 12px  به عناصر
w3-padding-16افزودن padding  بالا و پایین به اندازه 16px  به عناصر
w3-padding-24افزودن padding  بالا و پایین به اندازه 24px  به عناصر
w3-padding-32افزودن padding  بالا و پایین به اندازه 32px  به عناصر
w3-padding-48افزودن padding  بالا و پایین به اندازه 48px  به عناصر
w3-padding-64افزودن padding  بالا و پایین به اندازه 64px  به عناصر
w3-padding-128افزودن padding  بالا و پایین به اندازه 128px  به عناصر
w3-padding-0تمام padding  ها را برای یک عنصر حذف میکند.

مثال های خودتان امتحان کنید:

w3-padding-4

من padding بالا و پایین به اندازه 4px  دارم.

w3-padding-8

من padding بالا و پایین به اندازه 8px  دارم.

w3-padding-16

من padding بالا و پایین به اندازه 16px  دارم.

w3-padding-24

من padding بالا و پایین به اندازه 24px  دارم.

w3-padding-32

من padding بالا و پایین به اندازه 32px  دارم.

w3-padding-48

من padding بالا و پایین به اندازه 48px  دارم.

w3-padding-64

من padding بالا و پایین به اندازه 64px  دارم.

w3-padding-128

من padding بالا و پایین به اندازه 128px  دارم.

مثال

<div class="w3-panel w3-padding-16">
  <p>I have 16px top and bottom padding.</p>
</div>
خودتان امتحان کنيد »

کلاس های اندازه padding برای W3.CSS

کلاس های w3-padding-size   به عناصرpadding ,HTML  چپ و راست می افزاید:

ClassDefines
w3-paddingافزودن padding بالا و پایین به اندازه 8px و چپ وراست به اندازه 16px
w3-padding-tinyافزودن padding بالا و پایین به اندازه 2px و چپ وراست به اندازه 4px
w3-padding-smallافزودن padding بالا و پایین به اندازه 4px و چپ وراست به اندازه 8px
w3-padding-mediumافزودن padding بالا و پایین به اندازه 8px و چپ وراست به اندازه 16px
w3-padding-largeافزودن padding بالا و پایین به اندازه 12px و چپ وراست به اندازه 24px
w3-padding-xlargeافزودن padding بالا و پایین به اندازه 16px و چپ وراست به اندازه 32px
w3-padding-xxlargeافزودن padding بالا و پایین به اندازه 24px و چپ وراست به اندازه 48px
w3-padding-jumboافزودن padding بالا و پایین به اندازه 32px و چپ وراست به اندازه 64px

مثال های خودتان امتحان کنید:

w3-padding

من padding بالا و پایین به اندازه 8px  و padding چپ و راست به اندازه 16px  دارم.

w3-padding-tiny

من padding بالا و پایین به اندازه 2px  و padding چپ و راست به اندازه 4px  دارم.

w3-padding-small

من padding بالا و پایین به اندازه 4px  و padding چپ و راست به اندازه 8px  دارم.

w3-padding-medium

من padding بالا و پایین به اندازه 8px  و padding چپ و راست به اندازه 16px  دارم.

w3-padding-large

من padding بالا و پایین به اندازه 12px  و padding چپ و راست به اندازه 24px  دارم.

w3-padding-xlarge

من padding بالا و پایین به اندازه 16px  و padding چپ و راست به اندازه 32px  دارم.

w3-padding-xxlarge

من padding بالا و پایین به اندازه 24px  و padding چپ و راست به اندازه 48px  دارم.

w3-padding-jumbo

من padding بالا و پایین به اندازه 32px  و padding چپ و راست به اندازه 64px  دارم.

مثال

<div class="w3-panel w3-padding-xlarge">
  <p>I have 16px top and bottom padding and 32px left and right padding.</p>
</div>
خودتان امتحان کنيد »
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان