ການລະບຸການລະບຸພາບຫຼັງ CSS

ການລະບຸການລະບຸພາບຫຼັງ CSS

border-width ຜົນງານຈະກຳນົດລະດັບວົງຂວາງຂອງສີ່ຂ້າງ.

ສາມາດກະຈາຍລະດັບວົງຂວາງໃຫ້ມີຂະໜາດສະເພາະຫຼືຈະໃຊ້ອັນດັບທີ່ກໍານົດທີ່ຫຼາຍຢ່າງນັ້ນ: thin, medium, ຫຼື thick:

实例

ສະແດງວ່າມີລະດັບວົງຂວາງທີ່ຕ່າງກັນ:

p.one {
  border-style: solid;
  border-width: 5px;
}
p.two {
  border-style: solid;
  border-width: medium;
}
p.three {
  border-style: dotted;
  border-width: 2px;
} 
p.four {
  border-style: dotted;
  border-width: thick;
}

ຜົນຄະແນນ:

5px ມີລະດັບວົງຂວາງ

ມີລະດັບວົງຂວາງກາງ

2px ມີລະດັບວົງຂວາງ

ເຂດຂ້າງຂວາງມີລະດັບວົງຂວາງ

ທຳການທີ່ທີ່ເຈົ້າຈະພະຍາຍາມ

特定边的宽度

border-width 属性可以设置一到四个值（用于上边框、右边框、下边框和左边框）：

实例

p.one {
  border-style: solid;
  border-width: 5px 20px; /* 上边框和下边框为 5px，其他边为 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* 上边框和下边框为 20px，其他边为 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* ທາງສູນ 25px, ທາງຂວາ 10px, ທາງລຸ 4px, ທາງຕາ 35px */
}

ທຳການທີ່ທີ່ເຈົ້າຈະພະຍາຍາມ