ບັນດາວິທະຍາສາດ writing-mode

  • ຫນ້າຫນັງກ່ອນ word-wrap
  • ຫນ້າຫນັງ z-index

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

writing-mode ທາງຈັດສາຍຂອງຄຳເວົ້າຫຼັກ.

ບໍ່ວ່າ:

CSS ການສອນ:ບັນດາວິທະຍາສາດ CSS

ຕົວຢ່າງ

ກຳນົດການຈັດສາຍຂອງຄຳເວົ້າຫຼັກ:

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

ທ້າທາຍພວກເຈົ້າເອງ

ການນຳໃຊ້ CSS:

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

ຄູ່ວ່າທາງສາມາດ

ຄູ່ວ່າ ການອະທິບາຍ
horizontal-tb ອາດສົ່ງເນື້ອຫາສາຍຈາກທາງຊາຍໄປຫາທາງສູງ, ຈາກທາງສູງໄປຫາທາງລົງ.
vertical-rl ອາດສົ່ງເນື້ອຫາສາຍຈາກທາງສູງລົງມາຫາທາງຊາຍ, ຈາກທາງຊາຍໄປຫາທາງສູງ.
vertical-lr ອາດສົ່ງເນື້ອຫາສາຍຈາກທາງສູງລົງມາຫາທາງລົງ, ຈາກທາງຊ້າຍໄປຫາທາງຊາຍ.

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

ຄູ່ວ່າ: horizontal-tb
ການຕ້ອງການດ້ານການສະໜັບສະໜູນ: ແມ່ນ
ການສ້າງອາກາດ: ບໍ່ສະໜັບສະໜູນ. ບັນປະເສີດ:ບັນດາປະສົມທາງອາກາດ.
ສະຖານະ: CSS3
ການນຳໃຊ້ JavaScript: object.style.writingMode="vertical-rl"

ການສະໜັບສະໜູນບັນຊີຍູດ

ຕົວແທນຂອງຕາມຂອງສາມາດສະໜັບສະໜູນຄັດຄະແນນດັ່ງກ່າວຄັ້ງທໍາອິດຂອງສາມາດດັ່ງກ່າວ.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0
  • ຫນ້າຫນັງກ່ອນ word-wrap
  • ຫນ້າຫນັງ z-index