W3.CSS Panels များ
ကျွန်တော်က ဘောင်တစ်ခုပါ။
ကျွန်တော်က ဘောင်တစ်ခုပါ။
ငါက ကွန်တိန်နာ။
ငါက ကွန်တိန်နာ။
Panel အတန်း
w3-panel အတန်း သည် 16px ထိပ်နှင့်အောက်ခြေအနားသတ်တစ်ခုနှင့် 16px ဘယ်နှင့်ညာ အကွက်ကို HTML အစိတ်အပိုင်းတစ်ခုခုတွင် ပေါင်းထည့်သည်။
ဥပမာ
<div class="w3-panel w3-red">
<p>I am a panel.</p>
</div>
Notes အတွက် အကန့်များ
w3-panel အတန်းသည် မှတ်စုများပြသရန်အတွက် ပြီးပြည့်စုံသည် ။
မှတ်စုများကို မကြာခဏ အရောင်ဖျော့ဖျော့ဖြင့် ပြသသည်-
လန်ဒန်သည် United Kingdom တွင် လူဦးရေအများဆုံးမြို့ဖြစ်ပြီး မြို့ပြဧရိယာသည် လူဦးရေ ၉ သန်းကျော်ရှိသည်။
ဥပမာ
<div class="w3-panel w3-pale-green">
<p>London
is the most populous city in the United Kingdom,
with a
metropolitan area of over 9 million inhabitants.</p>
</div>
W3.CSS Notes အကြောင်း ပိုမိုလေ့လာရန် W3.CSS Notes အခန်းကို ဝင်ရောက်ကြည့်ရှုပါ။
Quotes အတွက် အကန့်များ
w3-panel အတန်းသည် ကိုးကားဖော်ပြရန် ပြီးပြည့်စုံသည် ။
ဥပမာ
<div class="w3-panel w3-leftbar w3-sand w3-xxlarge w3-serif">
<p><i>"Make it as simple as possible, but not simpler."</i></p>
</div>
W3.CSS Quotes အကြောင်းပိုမိုလေ့လာရန် W3.CSS Quotes အခန်းတွင် ဝင်ရောက်ကြည့်ရှုပါ။
သတိပေးချက်များ အတွက် အကန့်များ
w3-panel အတန်းသည် သတိပေးချက်များကို ပြသရန် ပြီးပြည့်စုံသည် ။
သတိပေးချက်များကို ပြင်းထန်သောအရောင်ဖြင့် ပြသလေ့ရှိသည်-
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
ဥပမာ
<div class="w3-panel w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or negative situation.</p>
</div>
W3.CSS သတိပေးချက်များအကြောင်း ပိုမိုလေ့လာရန် ကျေးဇူးပြု၍ W3.CSS သတိပေးချက်များ အခန်းတွင် ဝင်ရောက်ကြည့်ရှုပါ။
ကတ်များအဖြစ် အကန့်များ
လန်ဒန်သည် United Kingdom တွင် လူဦးရေအများဆုံးမြို့ဖြစ်ပြီး မြို့ပြဧရိယာသည် လူဦးရေ ၉ သန်းကျော်ရှိသည်။
ဥပမာ
<div class="w3-panel w3-blue w3-card-4">
<p>London is the most populous city in the United Kingdom,
with a
metropolitan area of over 9 million inhabitants.</p>
</div>
လုံးဝန်းသော အကန့်များ
လန်ဒန်သည် United Kingdom တွင် လူဦးရေအများဆုံးမြို့ဖြစ်ပြီး မြို့ပြဧရိယာသည် လူဦးရေ ၉ သန်းကျော်ရှိသည်။
ဥပမာ
<div class="w3-panel w3-blue w3-round-xlarge">
<p>London is the most populous city in the United Kingdom,
with
a metropolitan area of over 9 million inhabitants.</p>
</div>
ပန်နယ်တစ်ခုကို ဝှက်ထား (ပိတ်ပါ)
အကန့်ကို ဝှက်ထားရတာ လွယ်ပါတယ်။
ဤအကန့်ကိုပိတ်ရန် X ကိုနှိပ်ပါ။
ဤအကန့်ကိုပိတ်ရန် X ကိုနှိပ်ပါ။
ဥပမာ
<div class="w3-panel
w3-display-container">
<span onclick="this.parentElement.style.display='none'"
class="w3-button
w3-display-topright">X</span>
<p>Click on the X to close this panel.</p>
<p>Click on the X to close this panel.</p>
</div>
Panel တစ်ခုကို ပြပါ (ဖွင့်)
(ဝှက်ထားသော) အကန့်ကို ပြရန် လွယ်ကူသည်-
ဥပမာ
<button class="w3-btn" onclick="document.getElementById('id01').style.display='block'">Show
panel</button>
<div id="id01" class="w3-panel w3-green
w3-display-container" style="display:none">
<span onclick="this.parentElement.style.display='none'"
class="w3-button
w3-display-topright">X</span>
<p>Click on the X to close this panel.</p>
<p>Click on the X to close this panel.</p>
</div>