CSS font-stretch Property
ဥပမာ
<div> ဒြပ်စင်များရှိ စာသားကို ပိုကျယ်အောင်လုပ်ပါ-
div
{
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် font-stretch
သင့်အား စာသားကို ပိုကျဉ်းအောင် (condensed) သို့မဟုတ် ပိုကျယ်အောင် (ချဲ့) ပြုလုပ်နိုင်စေပါသည်။
မှတ်ချက်- အချို့ဖောင့်များသည် အပိုမျက်နှာများကို ပေးသည်။ နို့ဆီမျက်နှာများနှင့် ချဲ့ထားသော မျက်နှာများ။ ဤဖောင့်များအတွက်၊ font-stretch
ပုံမှန်၊ ပေါင်းစည်းထားသော သို့မဟုတ် ချဲ့ထားသော ဖောင့်မျက်နှာကို ရွေးချယ်ရန် ပိုင်ဆိုင်မှုကို သင်အသုံးပြုနိုင်ပါသည်။
မှတ်ချက်- ရွေးချယ်ထားသောဖောင့်သည် ပေါင်းစည်းထားသော သို့မဟုတ် ချဲ့ထွင်ထားသော မျက်နှာများကို မပေးပါက ဤပိုင်ဆိုင်မှုသည် အကျိုးသက်ရောက်မှု မရှိပါ။
မူလတန်ဖိုး: | ပုံမှန် |
---|---|
အမွေဆက်ခံသည်- | ဟုတ်တယ် |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.fontStrech="expanded" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
font-stretch | 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
အထားအသို
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
ultra-condensed | Makes the text as narrow as it gets |
extra-condensed | Makes the text narrower than condensed, but not as narrow as ultra-condensed |
condensed | Makes the text narrower than semi-condensed, but not as narrow as extra-condensed |
semi-condensed | Makes the text narrower than normal, but not as narrow as condensed |
normal | Default value. No font stretching |
semi-expanded | Makes the text wider than normal, but not as wide as expanded |
expanded | Makes the text wider than semi-expanded, but not as wide as extra-expanded |
extra-expanded | Makes the text wider than expanded, but not as wide as ultra-expanded |
ultra-expanded | Makes the text as wide as it gets |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |