ບັນດາວິທະຍາສາດ writing-mode
ການອະທິບາຍ ແລະ ການນຳໃຊ້
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 |