ລະບົບ border-inline-start-color

ການອະທິບາຍແລະການນໍາໃຊ້

border-inline-start-color ປະກອບດ້ານຈະມີສີກາກກະໂລສິນຢູ່ຫົວຄັອບສະໜາມ.

注意：ເພື່ອເຮັດໃຫ້ border-inline-start-color ປະກອບດ້ານຈະມີຜົນງານ border-inline-start-style ປະກອບດ້ານ.

CSS border-inline-start-color ປະກອບດ້ານ color-sang-kan-lap、color-sang-kan-lam、color-sang-kan-rawat 和 border-top-color 属性非常相似，但 border-inline-start-color 属性依赖于行内方向。

注意：相关的 CSS 属性 writing-mode、text-orientation 和 direction 定义了行内方向。这会影响一行的开始和结束位置，以及 border-inline-start-color 属性的效果。对于英文页面，行内方向是从左到右，块方向是向下。

ຕົວຢ່າງ

ຕົວຢ່າງທີ່ 1

ຈະຕັ້ງຕາງສີທີ່ກາຕົວສະໜາມທີ່ເລີ່ມ:

div {
  border-inline-start-style: solid;
  border-inline-start-color: pink;
}

ທົດລອງຄົນດຽວຂອງທ່ານ

ຕົວຢ່າງທີ່ 2

ຈຳນວນຂອງກາຕົວສະໜາມທີ່ເລີ່ມສະໜາມທີ່ຢູ່ອາຍຸດາຍກະທົບຈາກບັນດາບັນດາປະສົມພາບ writing-mode. writing-mode ຜົນກະທົບຂອງບັນດາບັນດາປະສົມພາບ:

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-color: 5px;
}

ທົດລອງຄົນດຽວຂອງທ່ານ

ຕົວຢ່າງທີ່ 3

ຈຳນວນຂອງກາຕົວສະໜາມທີ່ເລີ່ມແລະຈົບສະໜາມທີ່ຢູ່ອາຍຸດາຍກະທົບຈາກບັນດາບັນດາປະສົມພາບ direction. direction ຜົນກະທົບຂອງບັນດາບັນດາປະສົມພາບ:

div {
  direction: rtl;
  border-inline-start-color: hotpink;
}

ທົດລອງຄົນດຽວຂອງທ່ານ

ສັບພາສາ CSS

border-inline-start-color: color|transparent|initial|inherit;

ຄວາມຜົນສົມບູນຂອງບັນດາບັນດາປະສົມພາບ

ຂໍ້ມູນດ້ານເຕັກນິກ

ການສະໜັບສະໜູນບັນດາບັນນາທິການ

ຈຳນວນຂອງຕາມການຕັ້ງຕາງໃນການສະໜັບສະໜູນຂອງບັນດາບັນນາທິການທີ່ສະໜັບສະໜູນບໍລິສັດຄອບຄອງຄັນນີ້.

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

ຄູ່ມວນຊົນບໍລິເວນຂອງ CSS border

ກ່າວໄວ້ທີ່ປະກອບປະພັນ CSS border

ກ່າວໄວ້ທີ່ປະກອບປະພັນ CSS border-inline

ກ່າວໄວ້ທີ່ປະກອບປະພັນ CSS border-inline-end-color

ກ່າວໄວ້ທີ່ລະບົບ border-inline-start-style

ກ່າວໄວ້ທີ່ປະກອບປະພັນ CSS border-bottom-color

ກ່າວໄວ້ທີ່ລະບົບ border-left-color

ກ່າວໄວ້ທີ່ລະບົບ border-right-color

ກ່າວໄວ້ທີ່ລະບົບ border-top-color

ກ່າວໄວ້ທີ່ປະເພດ CSS direction

ກ່າວໄວ້ທີ່ປະກອບທີ່ພິຈາລະນາຄຳເວົ້າ CSS text-orientation

ກ່າວໄວ້ທີ່ປະກອບທີ່ພິຈາລະນາຄຳເວົ້າ CSS writing-mode