CSS ဖောင့် Property
ဥပမာ
အတိုကောက်ကြေငြာချက်ဖြင့် ဖောင့်ဂုဏ်သတ္တိအချို့ကို သတ်မှတ်ပါ-
p.a
{
font: 15px Arial, sans-serif;
}
p.b
{
font: italic small-caps bold 12px/30px Georgia, serif;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှုသည် အောက်ပါ font
တို့အတွက် အတိုကောက်ပိုင်ဆိုင်မှုတစ်ခုဖြစ်သည်။
ဖောင့်အရွယ်အစားနှင့် ဖောင့်မိသားစုတန်ဖိုးများ လိုအပ်သည်။ အခြားတန်ဖိုးများထဲမှ တစ်ခုပျောက်ဆုံးပါက၊ ၎င်းတို့၏ မူရင်းတန်ဖိုးကို အသုံးပြုပါသည်။
မှတ်ချက်- line-height property သည် လိုင်းများကြားတွင် space ကို သတ်မှတ်ပေးသည်။
မူလတန်ဖိုး: | ဖောင့်ဂုဏ်သတ္တိများ၏ မူရင်းတန်ဖိုး |
---|---|
အမွေဆက်ခံသည်- | ဟုတ်တယ် |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်ကဲ့၊ တစ်ဦးချင်းဂုဏ်သတ္တိများကိုကြည့်ပါ ။ ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.font="italic small-caps bold 12px arial,sans-serif" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
မှတ်ချက်- အောက်ဖော်ပြပါ တန်ဖိုးတစ်ခုစီအတွက် ဘရောက်ဆာတစ်ခုချင်းစီ၏ ပံ့ပိုးမှုကို ကြည့်ပါ။
CSS Syntax
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Property/Value | Description |
---|---|
font-style | Specifies the font style. Default value is "normal" |
font-variant | Specifies the font variant. Default value is "normal" |
font-weight | Specifies the font weight. Default value is "normal" |
font-size/line-height | Specifies the font size and the line-height. Default value is "normal" |
font-family | Specifies the font family. Default value depends on the browser |
caption | Uses the font that are used by captioned controls (like buttons, drop-downs, etc.) |
icon | Uses the font that are used by icon labels |
menu | Uses the fonts that are used by dropdown menus |
message-box | Uses the fonts that are used by dialog boxes |
small-caption | A smaller version of the caption font |
status-bar | Uses the fonts that are used by the status bar |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
အခြားဖောင့်ပိုင်ဆိုင်မှုတန်ဖိုးအချို့ကို သရုပ်ပြခြင်း။
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p style="font:menu">The browser font used in dropdown menus.</p>
<p style="font:message-box">The browser font used in dialog boxes.</p>
<p style="font:small-caption">A smaller version of the caption font.</p>
<p style="font:status-bar">The browser font used in the status bar.</p>
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS ဖောင့်
HTML DOM ရည်ညွှန်းချက်- ဖောင့်ပိုင်ဆိုင်မှု