CSS line-height Property
ဥပမာ
မတူညီသော <div> ဒြပ်စင်များအတွက် မျဉ်းအမြင့်ကို သတ်မှတ်ပါ-
div.a {
line-height: normal;
}
div.b {
line-height: 1.6;
}
div.c {
line-height:
80%;
}
div.d {
line-height: 200%;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှုသည် မျဉ်းတစ်ကြောင်း ၏ line-height
အမြင့်ကို သတ်မှတ်သည်။
မှတ်ချက်- အနုတ်တန်ဖိုးများကို ခွင့်မပြုပါ။
မူလတန်ဖိုး: | ပုံမှန် |
---|---|
အမွေဆက်ခံသည်- | ဟုတ်တယ် |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.lineHeight="30px" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Syntax
line-height: normal|number|length|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
normal | A normal line height. This is default | |
number | A number that will be multiplied with the current font-size to set the line height | |
length | A fixed line height in px, pt, cm, etc. | |
% | A line height in percent of the current font size | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
မတူညီသော <div> ဒြပ်စင်များအတွက် မျဉ်းကြောင်းအမြင့်ကို ပစ်ဇယ်နှင့် စင်တီမီတာတွင် သတ်မှတ်ပါ-
div.a {
line-height: 10px;
}
div.b {
line-height: 30px;
}
div.c {
line-height:
0.5cm;
}
div.d {
line-height: 1cm;
}
ဥပမာ
မတူညီသော <div> ဒြပ်စင်များအတွက် မျဉ်းအမြင့်ကို ဂဏန်းအဖြစ် သတ်မှတ်ပါ-
div.a {
line-height: 0.5;
}
div.b {
line-height: 1.6;
}
div.c {
line-height: 2;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS စာသား
HTML DOM ရည်ညွှန်းချက်- lineHeight ပိုင်ဆိုင်မှု