حشوة W3.CSS
w3- حشو كبير
لدي حشوة علوية وسفلية 12 بكسل وحشو يمين ويسار 24 بكسل.
فئات رقم الحشو W3.CSS
تضيف فئات الأرقام w3-padding- حشوة علوية وسفلية لأي عنصر HTML:
فصل | يعرّف |
---|---|
w3- حشوة -16 | يضيف حشوة علوية وسفلية تبلغ 16 بكسل إلى عنصر |
w3- حشوة -24 | يضيف حشوة علوية وسفلية تبلغ 24 بكسل إلى عنصر |
w3- الحشو 32 | يضيف حشوة علوية وسفلية بحجم 32 بكسل إلى عنصر |
w3- الحشو 48 | يضيف حشوة علوية وسفلية تبلغ 48 بكسل إلى عنصر |
w3- الحشو 64 | يضيف 64 بكسل حشوة علوية وسفلية إلى عنصر |
أمثلة:
w3- حشوة -16
لدي حشوة علوية وسفلية تبلغ 16 بكسل
w3- حشوة -24
لدي مساحة 24 بكسل أعلى وأسفل
w3- الحشو 32
لدي حشوة علوية وسفلية تبلغ 32 بكسل
w3- الحشو 48
لدي مساحة 48 بكسل من الأعلى والأسفل
w3- الحشو 64
لدي مساحة 64 بكسل في الأعلى والأسفل
مثال
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
فئات حجم الحشو W3.CSS
تضيف فئات w3 -padding- حشوة علوية وسفلية ويمين ويسار لأي عنصر HTML:
فصل | يعرّف |
---|---|
w3- الحشو | يضيف 8 بكسل من أعلى وأسفل ، و 16 بكسل يسارًا ويمينًا |
w3- الحشو صغير | تضيف 4 بكسل من الأعلى والأسفل ، و 8 بكسل لليسار واليمين |
w3- حشو كبير | تضيف 12 بكسل من الأعلى والأسفل ، و 24 بكسل لليسار واليمين |
أمثلة:
w3- الحشو صغير
لدي حشوة علوية وسفلية 4 بكسل و 8 بكسل حشوة يمين ويسار.
w3- الحشو
لدي حشوة علوية وسفلية 8 بكسل و 16 بكسل يسار ويمين.
w3- حشو كبير
لدي حشوة علوية وسفلية 12 بكسل وحشو يمين ويسار 24 بكسل.
مثال
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>