کلاس های (Class) به شکل کلی *-w3-padding در W3.CSS ، برای ایجاد padding (حاشیه) برای عنصرهای مختلف به کار می روند. برخی از این کلاس ها (Class)، عبارتند از :

همان طور که مشاهده می کنید، میزان ایجاد padding (حاشیه) بر حسب پیکسل (px-pixel) در انتهای نام کلاس ها (Class) ذکر می گردد. به عنوان مثال، کلاس w3-padding-16 برای ایجاد padding (حاشیه) به اندازه 16px (یعنی 16 پیکسل) در بالا (top) و پایین (bottom) عنصر به کار می رود (نه در همه جهت ها).

علاوه بر کلاس هایی (Class) که ذکر کردیم، کلاس های (Class) زیر نیز برای ایجاد padding (حاشیه) به کار می روند :

کلاس w3-padding ، برای ایجاد padding (حاشیه) به میزان 8px در سمت بالا (top) و پایین (bottom) عنصر و به میزان 16px در سمت چپ (left) و راست (right) عنصر به کار می رود.

کلاس w3-padding-small ، برای ایجاد padding (حاشیه) به میزان 4px در سمت بالا (top) و پایین (bottom) عنصر و به میزان 8px در سمت چپ (left) و راست (right) عنصر به کار می رود.

کلاس w3-padding-large ، برای ایجاد padding (حاشیه) به میزان 12px در سمت بالا (top) و پایین (bottom) عنصر و به میزان 24px در سمت چپ (left) و راست (right) عنصر به کار می رود.

به مثال زیر توجه کنید :