hr တဂ်
hr တဂ်သည် ခွဲခြားပေးသော ရေပြင်ညီမျဥ်းကို သတ်မှတ်ပေးသည်။
ဤတဂ်၏ အားသာချက်မှာ တစ်ကြောင်းတည်းသော မျဥ်းတစ်ခုကို ဆွဲရန်
အပိုဘလောက်များ ဖန်တီးရန် မလိုအပ်ပါ။ ပိတ်သောတဂ် မလိုအပ်ပါ။
ဥပမာ
hr တဂ် အလုပ်လုပ်ပုံကို ကြည့်ရအောင်။
<hr>
:
ဥပမာ
CSS ဂုဏ်သတ္တိ border-color ကို အသုံးပြု၍
မျဥ်း၏ အရောင်ကို ပြောင်းကြည့်ရအောင်။
<hr style="border-color: red;">
:
ဥပမာ
မျဥ်း၏ အရောင်ကို color ဂုဏ်သတ္တိဖြင့်လည်း
ပြောင်းလဲနိုင်သည်
(ဤသို့ဖြစ်ပါက color နှင့် border-color
ဂုဏ်သတ္တိနှစ်ခုစလုံး တပြိုင်နက် သတ်မှတ်ထားပါက ဒုတိယဂုဏ်သတ္တိက ဦးစားပေးရရှိသည်)။
<hr style="color: red">
:
ဥပမာ
ယခု CSS ဂုဏ်သတ္တိ border ကို အသုံးပြု၍
မျဥ်း၏ အရောင်ကို ပြောင်းကြည့်ရအောင်။
ဤတွင် မျဥ်းသည် နှစ်ဆထူလာမည်ကို သတိပြုပါ (အပေါ်နှင့် အောက် နှစ်ဖက်စလုံးတွင်
နယ်နိမိတ်သတ်မှတ်ထားသောကြောင့်)။
<hr style="border: 1px solid red;">
:
ဥပမာ
CSS ဂုဏ်သတ္တိ border-top ကို အသုံးပြု၍
မျဥ်း၏ အရောင်ကို ပြောင်းကြည့်ကာ အပေါ်ပိုင်း နယ်နိမိတ်ကိုသာ သတ်မှတ်ကြည့်ပါ။
ယခုအခါ နှစ်ထပ်မျဥ်း မရှိတော့ပါ။
<hr style="border-top: 1px solid red;">
:
ဥပမာ
CSS ဂုဏ်သတ္တိ border-top ကို အသုံးပြု၍
solid အစား dotted တန်ဖိုးသတ်မှတ်ပေးခြင်းဖြင့်
မျဥ်းကို အစက်များပုံစံဖြင့် ပြုလုပ်ကြည့်ရအောင်။
<hr style="border-top: 1px dotted red;">
:
ဥပမာ
CSS ဂုဏ်သတ္တိ border-width ကို အသုံးပြု၍
မျဥ်း၏ အထူကို တိုးကြည့်ရအောင်။
<hr style="border-width: 10px; border-color: red;">
:
ဥပမာ
ယခုအခါ မျဥ်းတွင် အမြင့် height နှင့်
border မှတစ်ဆင့် နယ်နိမိတ်တို့ကို ပေါင်းထည့်ကြည့်ပါ။
ဤသို့ပြုလုပ်ပါက နယ်နိမိတ်သည် အပေါ်နှင့်အောက် နှစ်ပိုင်းကွဲသွားမည်။
<hr style="height: 10px; border: 1px solid red;">
:
ဆက်လက်လေ့လာရန်
-
brတဂ်,
အသစ်သော စာကြောင်းသို့ ပြောင်းရွှေ့ခြင်းကို သတ်မှတ်ပေးသည်
