W3.CSS အနားသတ်များ
w3-margin အတန်းသည် ဒြပ်စင်တစ်ခု၏ ဘေးဘက်အားလုံးသို့ 16px အနားသတ်ကို ပေါင်းထည့်သည်။
W3.CSS Margin အတန်းများ
W3.CSS သည် အောက်ပါအနားသတ်အတန်းများကို ပေးဆောင်သည်-
အတန်း | သတ်မှတ်ပါတယ်။ |
---|---|
w3-အနားသတ် | ဒြပ်စင်တစ်ခု၏ ဘေးဘက်အားလုံးသို့ 16px အနားသတ်ကို ပေါင်းထည့်သည်။ |
w3-အနားသတ်-ထိပ် | အစိတ်အပိုင်းတစ်ခုသို့ 16px ထိပ်တန်းအနားသတ်ကို ပေါင်းထည့်သည်။ |
w3-အနားသတ်-ညာဘက် | အစိတ်အပိုင်းတစ်ခုသို့ 16px ညာဘက်အနားသတ်ကို ပေါင်းထည့်သည်။ |
w3-အနားသတ်-အောက်ခြေ | အစိတ်အပိုင်းတစ်ခုသို့ 16px အောက်ခြေအနားသတ်ကို ထည့်ပါ။ |
w3-အနားသတ်-ဘယ်ဘက် | အစိတ်အပိုင်းတစ်ခုသို့ 16px ဘယ်ဘက်အနားသတ်ကို ထည့်ပါ။ |
w3 အပိုင်း | အစိတ်အပိုင်းတစ်ခုသို့ 16px ထိပ်နှင့်အောက်ခြေအနားသတ်ကို ထည့်ပါ။ |
အနားသတ်
w3-margin အတန်းသည် ဒြပ်စင်တစ်ခု၏ ဘက်အားလုံးသို့ 16px အနားသတ်ကို ပေါင်းထည့်သည် -
w3-margin အတန်းသည် ဒြပ်စင်တစ်ခု၏ ဘေးဘက်အားလုံးသို့ 16px အနားသတ်ကို ပေါင်းထည့်သည် ။
ဥပမာ
<div class="w3-container w3-margin">
<p>I have 16px margin on all sides.</p>
</div>
Margin Top
w3-margin-top class သည် element တစ်ခုသို့ 16px ထိပ်တန်းအနားသတ်ကို ပေါင်းထည့်သည်-
w3-margin-top class သည် element တစ်ခုသို့ 16px ထိပ်တန်း အနားသတ်ကို ပေါင်းထည့်သည်။
ဥပမာ
<div class="w3-container w3-margin-top">
<p>I have 16px margin on the top.</p>
</div>
Margin အောက်ခြေ
w3-margin-bottom class သည် element တစ်ခုသို့ 16px အောက်ခြေအနားသတ်ကို ပေါင်းထည့်သည်-
w3-margin-bottom class သည် element တစ်ခုသို့ 16px အောက်ခြေ အနားသတ်ကို ပေါင်းထည့်သည်။
ဥပမာ
<div class="w3-container w3-margin-bottom">
<p>I have 16px margin on the bottom.</p>
</div>
အနားသတ် ဘယ်ဘက်
w3-margin-left class သည် element တစ်ခုသို့ 16px ဘယ်ဘက်အနားသတ်ကို ပေါင်းထည့်သည်-
w3-margin-left class သည် element တစ်ခုသို့ 16px ဘယ်ဘက် အနားသတ်ကို ပေါင်းထည့်သည်။
ဥပမာ
<div class="w3-container w3-margin-left">
<p>I have 16px margin the left.</p>
</div>
Margin ညာဘက်
w3-margin-right class သည် element တစ်ခုသို့ 16px ညာဘက်အနားသတ်ကို ပေါင်းထည့်သည်-
w3-margin-right class သည် element တစ်ခုသို့ 16px ညာဘက် အနားသတ်ကို ပေါင်းထည့်သည်။
ဥပမာ
<div class="w3-container w3-margin-right">
<p>I have 16px margin the right.</p>
</div>
ကဏ္ဍများ
HTML ဒြပ်စင်များစွာတွင် ပုံသေ ထိပ် သို့မဟုတ် အောက်ခြေအနားသတ် မရှိပါ။ ထိုသို့သောဒြပ်စင်များသည် ၎င်းတို့ကြားတွင် အနားသတ်မရှိဘဲ ပြသပါမည်-
ငါက အပြာရောင်
ငါက Green ပါ။
w3-section class ကို ဒြပ်စင်များကို ခွဲခြားရန် အသုံးပြုနိုင်သည်။
၎င်းသည် မည်သည့် HTML အစိတ်အပိုင်းသို့မဆို 16px ထိပ်နှင့်အောက်ခြေအနားသတ်ကို ပေါင်းထည့်သည်-
ငါက အပြာရောင်
ငါက Green ပါ။
ဥပမာ
<div class="w3-container w3-section w3-blue">
<h1>I am
Blue</h1>
</div>
<div class="w3-container
w3-section
w3-green">
<h1>I am Green</h1>
</div>