Change the Text Case

Text Case ေျပာင္းတယ္ဆိုတာကေတာ့ လက္ရိွ text ေတြကို css ကေန အလိုအေလ်ာက္ capitalize, uppercase, lowercase စသည္ျဖင့္ ေျပာင္းလဲတာပါ။ text-transform property ကို အသံုးျပဳႏိုင္ၿပီး value ေတြကေတာ့ capitalize, uppercase, lowercase , none တို႕ကို အသံုးျပဳႏိုင္ပါတယ္။ လက္ရွိ code က h2 ကို ေအာက္ကလို ေျပာင္းေရးပါမယ္။

h2 {
    font-size: 25px;
    color: #336699;
    font-family: "Verdana",arial;
    text-align: center;
    text-transform: uppercase;
}

အထက္ပါ code မွာ text-transform: uppercase; ဆိုတာကေတာ့ လက္ရိွ text ကို စာလံုး အႀကီးနဲ႕ ေဖာ္ျပမယ္လို႕ ဆိုထားတာပါ။ အဲဒီ code ေလးက ေအာက္ကလို ျမင္ရပါလိမ့္မယ္။

Figure 4-7