ສະພາບ CSS ບາດທັງສອງຂ້າງ

CSS Border - Side by Side

ຈາກບົດການທີ່ຂ້າພະເຈົ້າໄດ້ເຫັນໃນຫຼັກສູດກ່ອນໜ້ານີ້, ທ່ານສາມາດຈັດຕັ້ງຊັ້ນເທິງຕາມທຸກສອງກໍ່ຕາມ.

ໃນ 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 ກໍ່ຄືກັນ.