W3.CSS စာသား
စာသား ချိန်ညှိခြင်း။
w3-left-align နှင့် w3-right-align အတန်း များကို စာသားချိန်ညှိရန် အသုံးပြုပါသည်။
ဘယ်သို့ ညှိထားသော စာသား။
ညာဘက်ညှိထားသော စာသား။
ဥပမာ
<div class="w3-container w3-border w3-large">
<div
class="w3-left-align"><p>Left aligned text.</p></div>
<div
class="w3-right-align"><p>Right aligned text.</p></div>
</div>
ဗဟိုပြုသောဒြပ်စင်များ
w3-center အတန်းသည် ဒြပ်စင်များကို ဗဟို-ညှိရန် အသုံးပြုသည် -
ဗဟိုပြု အကြောင်းအရာ
စာသားအချို့ကို ဗဟိုပြုသည်။
ဥပမာ
<div class="w3-container w3-center">
<h2>Centered Content</h2>
<img src="img_car.jpg" alt="car" style="width:80%;max-width:320px">
<p>Some centered text.</p>
</div>
စာသားကျယ်သည်။
w3-wide class သည် ပိုကျယ်သော စာသားကို သတ်မှတ်သည်-
ဤစာသားသည် ပုံမှန်ဖြစ်သည်။
ဒီစာသားက ပိုကျယ်တယ်။
ဥပမာ
<p class="w3-wide">The w3-wide class specifies a wider text.</p>
စာသား အလင်းပိတ်
w3-opacity အတန်း သည် အရောင်အားလုံးနှင့် အလုပ်လုပ်ရန် ဒီဇိုင်းထုတ်ထားသည်။
စာသား အလင်းပိတ်
စာသား အလင်းပိတ်
စာသား အလင်းပိတ်
စာသား အလင်းပိတ်
ဥပမာ
<div class="w3-panel w3-pink">
<h2 class="w3-opacity">Text Opacity</h2>
</div>
စာသားအရိပ်
CSS3 စာသား-အရိပ် ပိုင်ဆိုင်မှုကို စာသားသို့ အရိပ် သို့မဟုတ် မှုန်ဝါးစေသော အကျိုးသက်ရောက်မှုများကို ထည့်ရန် အသုံးပြုနိုင်သည်။
စာသားအရိပ်
စာသားအရိပ်
စာသားအရိပ်
စာသားအရိပ်
ဥပမာ
<h2
class="w3-blue" style="text-shadow:1px 1px 0 #444">Text Shadow</h2>
အထူးအကျိုးသက်ရောက်မှုများ
စာသား Opacity + Bold
အဝါရောင်စာသား + အရိပ် + ခပ်ထူထူ
လိမ္မော်ရောင် စာသား + အရိပ် + ခပ်ထူထူ
ဥပမာ
<div class="w3-panel w3-pink">
<h1 class="w3-opacity">
<b>Text Opacity + Bold</b></h1>
</div>
<div class="w3-panel w3-amber">
<h1 class="w3-text-yellow"
style="text-shadow:1px 1px 0 #444">
<b>Yellow Text + Shadow + Bold</b></h1>
</div>
<div class="w3-panel w3-blue">
<h1 class="w3-text-orange"
style="text-shadow:1px 1px 0 #444">
<b>Orange Text + Shadow + Bold</b></h1>
</div>
Text Shadow သည် IE 9 နှင့် အထက်တွင် အလုပ်မလုပ်ပါ။