W3.CSS တဂ်များ (အညွှန်းများနှင့် ဆိုင်းဘုတ်များ)
Tags: ပြီးပြီ။ အသစ် နောက်ထပ်
လက္ခဏာများအဖြစ် တဂ်များ Falcon Ridge Parkway ရပ်! သတိထားပါ!
W3.CSS Tag Classes
W3.CSS သည် တဂ်များ၊ အညွှန်းများနှင့် သင်္ကေတများအတွက် အတန်းတစ်ခု ပေးသည်-
အတန်း | သတ်မှတ်ပါတယ်။ |
---|---|
w3 ရက် | စတုဂံပုံ အနက်ရောင် တက်ဂ်/တံဆိပ် |
တဂ်များ၊ တံဆိပ်များနှင့် ဆိုင်းဘုတ်များ
W3.CSS ကမ္ဘာတွင် တဂ်၊ အညွှန်း သို့မဟုတ် သင်္ကေတကြားတွင် အမှန်တကယ်ကွာခြားချက်မရှိပါ။
Tag များသည် Rectangular ဖြစ်သည်။
w3-tag အတန်း သည် စတုဂံတဂ် (တံဆိပ် သို့မဟုတ် ဆိုင်းဘုတ်) ကို ဖန်တီးသည်။ မူရင်းအရောင်မှာ အနက်ရောင်ဖြစ်သည်-
အခြေအနေ-ပြီးပြီ။
ဥပမာ
<p>Status: <span
class="w3-tag">Done</span></p>
ရောင်စုံ tags
တဂ်တစ်ခု၏အရောင်ကိုပြောင်းလဲရန် w3- အရောင် အတန်းကို သုံးပါ ။
အသစ်
နောက်ထပ်
ဥပမာ
<p><span class="w3-tag w3-blue">New!</span></p>
<p><span
class="w3-tag w3-teal">More Later!</span></p>
Tag အရွယ်အစားများ
မူရင်းအားဖြင့်၊ တဂ်သည် ၎င်း၏ ကွန်တိန်နာ၏ အရွယ်အစားကို အမွေဆက်ခံမည်ဖြစ်သည်။
w3- အရွယ်အစား အတန်းများ (w3- tiny ၊ w3-small, w3-large, w3-xlarge, w3-xxlarge, w3-xxxlarge, w3-jumbo) ကို တဂ်တစ်ခု၏ အရွယ်အစားကို မွမ်းမံရန်အတွက် အသုံးပြုနိုင်ပါသည်။
၆ ၆ ၆
၆၆ ၆၆ ၆၆
၆၆ ၆၆
ကြီးမားသော tag များတွင် အပိုအကွက်အချို့ကို သင်ထည့်လိုပေမည်။
ဥပမာ
<span class="w3-tag w3-jumbo w3-blue">66</span>
<span class="w3-tag w3-jumbo
w3-blue w3-padding-large">66</span>
စာတန်းများ
ဥပမာ
<span class="w3-tag w3-xlarge">A</span>
<span class="w3-tag w3-xlarge">U</span>
<span class="w3-tag w3-xlarge">G</span>
<span
class="w3-tag w3-xlarge">U</span>
<span class="w3-tag w3-xlarge">S</span>
<span class="w3-tag w3-xlarge">T</span>
ဥပမာ
<span class="w3-tag w3-jumbo w3-red">S</span>
<span class="w3-tag w3-jumbo">A</span>
<span
class="w3-tag w3-jumbo w3-yellow">L</span>
<span class="w3-tag w3-jumbo">E</span>
လက္ခဏာများ
ဆိုင်းဘုတ်များသည် ကြီးမားသော tag များသာဖြစ်သည်။
ဥပမာ
<div class="w3-tag w3-xxlarge w3-orange">London Zoo</div>
လမ်းဆိုင်းဘုတ်များ
ဥပမာ
<div class="w3-tag w3-round w3-green" style="padding:3px">
<div
class="w3-tag w3-round w3-green w3-border w3-border-white">
Falcon
Ridge Parkway
</div>
</div>
ကြီးမားသောလက္ခဏာများ
ကြီးမားသော ဆိုင်းဘုတ်များကို ပြသရန် w3- အရွယ်အစား အတန်းများကို အသုံးပြုနိုင်သည်။
အရေးပေါ်အခြေအနေတွင်-
ငရဲကဲ့သို့ပြေးပါ။
ဥပမာ
<span class="w3-tag w3-xxlarge w3-padding w3-orange w3-center">
<strong>
IN CASE OF<br>
EMERGENCY:<br>
RUN LIKE HELL!
</strong>
</span>
ဥပမာ
<span class="w3-tag w3-jumbo w3-green">
49<span class="w3-xlarge">,99</span>
</span>
လုံးဝန်းသောလက္ခဏာများ
သင်္ ကေတတစ်ခုသို့ အဝိုင်းထောင့်များထည့်ရန် w3- အဝိုင်း အရွယ်အစား အတန်းများကို အသုံးပြုနိုင်သည်။
ရေ အောက်မှာ အသက် မရှူ ပါနဲ့။
ဥပမာ
<span class="w3-tag w3-padding w3-round-large w3-red w3-center">
DO NOT<br>
BREATHE<br>
UNDER WATER
</span>
အလှည့်ကျ Tag
ဆိုင်းဘုတ်ကိုလှည့်ရန် စံ CSS အသွင်ပြောင်းသည့်ပိုင်ဆိုင်မှုကို အသုံးပြုပါ-
ရပ်ဥပမာ
<span class="w3-tag w3-xlarge w3-padding w3-red" style="transform:rotate(-5deg)">
STOP
</span>
မှတ်ချက်- transform:rotate() သည် IE 9 နှင့် အထက်တွင် အလုပ်မလုပ်ပါ။
ဗိုင်းငင် Tags
ဆိုင်းဘုတ်ကို 360 ဒီဂရီလှည့ ် ရန် w3-spin အတန်းကို အသုံးပြုနိုင်သည်။
ရပ်ဥပမာ
<span class="w3-tag w3-spin w3-large">
STOP
</span>