CSS အကျယ် အချက်

CSS အေအိုင်အိတ်ပိုင်း - လွတ်လပ်သော အေအိုင်အိတ်ပိုင်း

အရှိုက်ခန့် အထင်ကဲ့သို့ သတ်မှတ်နိုင်သည်

CSS တွင် ရှိသော အချက်အလက်များ သည် ရှိသော အေအိုင်အိတ်ပိုင်း (အမြန်း၊ အတောင်၊ အနောက်၊ အတောင်ထိပ်) အတွက် အသုံးပြုနိုင်သည်

实例

p {
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
}

အကျိုးသက်ရောက်မှု

အခြား အေအိုင်အိတ်ပိုင်း ပုံစံ

亲自试一试

အခြား အေအိုင်အိတ်ပိုင်း ပုံစံ

အထင်ကဲ့သို့ အပြီးအခါ အသုံးပြုသော အကျိုးသက်ရောက်မှု သည် အတူတူ ဖြစ်ပါသည်

实例

p {
  border-style: dotted solid;
}

亲自试一试

အဆိုပါ လုပ်ငန်းမူ သည် ထို့နည်းပင် ဖြစ်ပါသည်

如果 border-style အချက်အလက် လေးပါး ကို စစ်ဆေးသည်

border-style: dotted solid double dashed;

  • အေအိုင်အိတ်ပိုင်း ဝေဖန်ဖုန်ဖြင့် ဖြစ်ပါသည်
  • အေအိုင်အိတ်ပိုင်း နှစ်လက်ဖြင့် ဖြစ်ပါသည်
  • အေအိုင်အိတ်ပိုင်း နှစ်လက်ဖြင့် ဖြစ်ပါသည်
  • အေအိုင်အိတ်ပိုင်း ဝေဖန်ဖုန်ဖြင့် ဖြစ်ပါသည်

如果 border-style အချက်အလက် သုံးပါး ကို စစ်ဆေးသည်

border-style: dotted solid double;

  • အေအိုင်အိတ်ပိုင်း ဝေဖန်ဖုန်ဖြင့် ဖြစ်ပါသည်
  • 右和左边框是实线
  • အေအိုင်အိတ်ပိုင်း နှစ်လက်ဖြင့် ဖြစ်ပါသည်

如果 border-style 属性设置两个值：

border-style: dotted solid;

  • 上和下边框是虚线
  • 右和左边框是实线

如果 border-style 属性设置一个值：

border-style: dotted;

  • 四条边均为虚线

实例

/* 四个值 */
p {
  border-style: dotted solid double dashed; 
}
/* 三个值 */
p {
  border-style: dotted solid double; 
}
/* 两个值 */
p {
  border-style: dotted solid; 
}
/* 一个值 */
p {
  border-style: dotted; 
}

亲自试一试

上例中使用的是 border-style 属性。但 border-width 和 border-color 也同样适用。