W3.CSS Dolgusu
w3-dolgu-büyük
12px üst ve alt dolgum ve 24px sol ve sağ dolgum var.
W3.CSS Doldurma Numarası Sınıfları
w3-padding- number sınıfları , herhangi bir HTML öğesine üst ve alt dolgu ekler:
| Sınıf | tanımlar |
|---|---|
| w3-dolgu-16 | Bir öğeye 16 piksel üst ve alt dolgu ekler |
| w3-dolgu-24 | Bir öğeye 24 piksel üst ve alt dolgu ekler |
| w3-dolgu-32 | Bir öğeye 32 piksel üst ve alt dolgu ekler |
| w3-dolgu-48 | Bir öğeye 48 piksel üst ve alt dolgu ekler |
| w3-dolgu-64 | Bir öğeye 64 piksel üst ve alt dolgu ekler |
Örnekler:
w3-dolgu-16
16px üst ve alt dolgum var
w3-dolgu-24
24px üst ve alt dolgum var
w3-dolgu-32
32px üst ve alt dolgum var
w3-dolgu-48
48px üst ve alt dolgum var
w3-dolgu-64
64px üst ve alt dolgum var
Örnek
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS Dolgu Boyut Sınıfları
w3-padding- size sınıfları , herhangi bir HTML öğesine üst, alt, sağ ve sol dolgu ekler:
| Sınıf | tanımlar |
|---|---|
| w3 dolgu | 8 piksel üst ve alt ve 16 piksel sol ve sağ dolgu ekler |
| w3-dolgu-küçük | 4 piksel üst ve alt ve 8 piksel sol ve sağ dolgu ekler |
| w3-dolgu-büyük | 12 piksel üst ve alt ve 24 piksel sol ve sağ dolgu ekler |
Örnekler:
w3-dolgu-küçük
4px üst ve alt dolgum ve 8px sol ve sağ dolgum var.
w3 dolgu
8px üst ve alt dolgum ve 16px sol ve sağ dolgum var.
w3-dolgu-büyük
12px üst ve alt dolgum ve 24px sol ve sağ dolgum var.
Örnek
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>