W3.CSS Padding
w3-padding-large
ကျွန်ုပ်တွင် 12px ထိပ်နှင့်အောက်ခြေ padding နှင့် 24px ဘယ်ညာ padding ရှိသည်။
W3.CSS Padding Number Classes များ
w3-padding- နံပါတ် အတန်း များသည် မည်သည့် HTML အစိတ်အပိုင်းသို့မဆို အပေါ်နှင့်အောက်ခြေ padding ပေါင်းထည့်သည်-
အတန်း | သတ်မှတ်ပါတယ်။ |
---|---|
w3-padding-16 | အစိတ်အပိုင်းတစ်ခုသို့ 16px အပေါ်နှင့်အောက်ခြေအကွက်ကို ပေါင်းထည့်သည်။ |
w3-padding-24 | 24px အပေါ်နှင့်အောက် အကွက်များကို အစိတ်အပိုင်းတစ်ခုသို့ ပေါင်းထည့်သည်။ |
w3-padding-32 | 32px အပေါ်နှင့်အောက် အကွက်များကို အစိတ်အပိုင်းတစ်ခုသို့ ပေါင်းထည့်သည်။ |
w3-padding-48 | 48px အပေါ်နှင့်အောက် အကွက်များကို အစိတ်အပိုင်းတစ်ခုသို့ ပေါင်းထည့်သည်။ |
w3-padding-64 | 64px အပေါ်နှင့်အောက် အကွက်များကို အစိတ်အပိုင်းတစ်ခုသို့ ပေါင်းထည့်သည်။ |
ဥပမာများ-
w3-padding-16
ကျွန်ုပ်တွင် 16px ထိပ်နှင့်အောက်ခြေ padding ရှိသည်။
w3-padding-24
ကျွန်ုပ်တွင် 24px ထိပ်နှင့်အောက်ခြေ padding ရှိသည်။
w3-padding-32
ကျွန်ုပ်တွင် 32px ထိပ်နှင့်အောက်ခြေ padding ရှိသည်။
w3-padding-48
ကျွန်ုပ်တွင် 48px ထိပ်နှင့်အောက်ခြေ padding ရှိသည်။
w3-padding-64
ကျွန်ုပ်တွင် 64px ထိပ်နှင့်အောက်ခြေ padding ရှိသည်။
ဥပမာ
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS Padding Size အတန်းများ
w3-padding- အရွယ်အစား အတန်းများသည် ထိပ်၊ အောက်ခြေ၊ ညာဘက်နှင့် ဘယ်ဘက် အကွက်များကို HTML အစိတ်အပိုင်းသို့ ပေါင်းထည့်သည် -
အတန်း | သတ်မှတ်ပါတယ်။ |
---|---|
w3-padding | အပေါ်နှင့်အောက်ခြေ 8px နှင့် 16px ဘယ်ညာ ကွက်လပ်ကို ပေါင်းထည့်သည်။ |
w3-padding-small | အပေါ်နှင့်အောက်ခြေ 4px နှင့် ဘယ်ညာ 8px ဘောင်ထည့်သည်။ |
w3-padding-large | အပေါ်နှင့်အောက်ခြေ 12px နှင့် 24px ဘယ်ညာ ကွက်လပ်ကို ပေါင်းထည့်သည်။ |
ဥပမာများ-
w3-padding-small
ကျွန်ုပ်တွင် 4px အပေါ်နှင့်အောက်ခြေ padding နှင့် 8px ဘယ်နှင့်ညာ padding ရှိသည်။
w3-padding
ကျွန်ုပ်တွင် 8px ထိပ်နှင့်အောက်ခြေ padding နှင့် 16px ဘယ်ညာ padding ရှိသည်။
w3-padding-large
ကျွန်ုပ်တွင် 12px ထိပ်နှင့်အောက်ခြေ padding နှင့် 24px ဘယ်ညာ padding ရှိသည်။
ဥပမာ
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>