W3.CSS တံဆိပ်များ
၉ ၆ ၈ ၃၃ ၆၆ ၉၉
W3.CSS တံဆိပ်အတန်းများ
W3.CSS သည် အမှတ်အသားများအတွက် class တစ်ခုသာ ပေးသည်-
| အတန်း | သတ်မှတ်ပါတယ်။ |
|---|---|
| w3-တံဆိပ် | အနက်ရောင် တံဆိပ် |
တံဆိပ်များ
w3-badge အတန်း သည် စက်ဝိုင်းတံဆိပ်ကို ဖန်တီးသည်။ မူရင်းအရောင်မှာ အနက်ရောင်ဖြစ်သည်။
အပ်ဒိတ်များ ၉
ဥပမာ
<p>Updates <span class="w3-badge">9</span></p>
ရောင်စုံတံဆိပ်များ
တံဆိပ်တစ်ခု၏အရောင်ကိုပြောင်းလဲရန် w3- အရောင် အတန်းကို သုံး ပါ-
သတင်း ၆မှတ်ချက်များ ၈
ဥပမာ
<p>News <span class="w3-badge
w3-green">6</span></p>
<p>Comments <span class="w3-badge
w3-red">8</span></p>
ခလုတ်များတွင် တံဆိပ်များ
w3-badge အတန်း ကို အခြားဒြပ်စင်များအတွင်းတွင် အသုံးပြုနိုင်ပါသည်။
ဥပမာ
<p><button class="w3-btn w3-black">Button
<span class="w3-badge w3-margin-left
w3-white">1</span>
</button></p>
<p><button class="w3-btn
w3-red">Button
<span class="w3-badge w3-margin-left">2</span>
</button></p>
စာရင်းများတွင် တံဆိပ်များ
- ၁ ဂျေးလ်
- ၂ ဧဝ
- ၃ အာဒံ
ဥပမာ
<ul class="w3-ul">
<li><span class="w3-badge">1</span> Jill</li>
<li><span class="w3-badge">2</span> Eve</li>
<li><span
class="w3-badge">3</span> Adam</li>
</ul>
w3-right အတန်းသည် ညာဘက်တွင် ဒြပ်စင်တစ်ခု ပေါ် နေပါသည်။
တံဆိပ်များပါသော စာရင်းများအတွက် ၎င်းသည် ပြီးပြည့်စုံသည်-
- ဂျေးလ်၁
- ဧဝ၂
- အာဒံ၃
ဥပမာ
<ul class="w3-ul w3-border">
<li>Jill <span
class="w3-badge w3-right w3-margin-right">1</span></li>
<li>Eve <span
class="w3-badge w3-right w3-margin-right">2</span></li>
<li>Adam <span
class="w3-badge w3-right w3-margin-right">3</span></li>
</ul>
ဇယားများတွင် တံဆိပ်များ
| နာမည် | မျိုးနွယ်အမည် | အမှတ်များ |
|---|---|---|
| ဂျေးလ် | စမစ် | ၅၀ |
| ဧဝ | လုပ်ပြတယ်။၁ | ၉၄ |
| အာဒံ | ဂျွန်ဆင်၂ | ၆၇ |
| ဗိုလ် | Nilsson | ၅၀ |
| မိုက် | ရော့စ် | ၃၅ |
ဥပမာ
<tr>
<td>Eve</td>
<td>Jackson <span
class="w3-badge">1</span></td>
<td>94</td>
</tr>
<tr>
<td>Adam</td>
<td>Johnson <span class="w3-badge">2</span></td>
<td>67</td>
</tr>
တံဆိပ်အရွယ်အစားများ
မူရင်းအားဖြင့်၊ တံဆိပ်တစ်ခုသည် ၎င်း၏ကွန်တိန်နာအရွယ်အစားကို အမွေဆက်ခံမည်ဖြစ်သည်။
w3- အရွယ်အစား အတန်းများ (w3-သေးသေး၊ w3- အ သေး၊ w3-ကြီး၊ w3-xlarge၊ w3-xxlarge၊ w3-xxxlarge၊ w3-jumbo) ကို တံဆိပ်၏ အရွယ်အစားကို မွမ်းမံရန် သုံးနိုင်သည်-
၆ ၆ ၆
၆၆ ၆၆ ၆၆
၆၆ ၆၆
တံဆိပ်ကြီးကြီးများတွင် အပိုအကွက်အချို့ကို သင်ထည့်လိုပေမည်။
ဥပမာ
<span class="w3-badge w3-jumbo w3-red">66</span>
<span class="w3-badge w3-jumbo
w3-red w3-padding">66</span>
UTF-8 တံဆိပ်များ
HTML5 သည် UTF-8 ဇာတ်ကောင်အစုံကို ပံ့ပိုးပေးသောကြောင့်၊ သင်သည် ဂဏန်းတစ်လုံးစာတံဆိပ်များအတွက် Dingbats ကို အသုံးပြုနိုင်သည်။
ဥပမာ
<div class="w3-xxlarge">
❶ ❷ ❸ ❹ ❺ ➅ ➆ ➇ ➈ ➉
</div>
<div class="w3-xxlarge w3-text-red">
❶ ❷ ❸ ❹ ❺ ➅ ➆ ➇ ➈ ➉
</div>