Style letterSpacing

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

letterSpacing ປະສົມບູນຈັດຕັ້ງ ຫຼື ບັນທຶກຄວາມຄິດຂອງຄຳຂັດແຍ່ງພາຍໃນຄຳຂັດແຍ່ງ (ຄວາມຄິດຂອງວັດທະນະທຳ).

ຄຳແນະນຳ:ສຳລັບການຈັດຕັ້ງ ຫຼື ບັນທຶກຄວາມຄິດຂອງຄຳຂັດແຍ່ງພາຍໃນຄຳຂັດແຍ່ງ (ຄວາມຄິດຂອງວັດທະນະທຳ), ກະຈາຍໃຊ້ ປະສົມບູນ wordSpacing.

ບໍ່ວ່າງ:

ຫຼັກສູດ CSS:ສະບັບຂໍ້ຄວາມ CSS

ປື້ມກໍານົດ CSS:ປະສົມບູນ letter-spacing

ຄວາມສະແດງ

ຕົວຢ່າງ 1

ການຈັດຕັ້ງຄວາມຄິດຂອງຄຳຂັດແຍ່ງພາຍໃນ <p> ຈາກ 15 ຕີ:

document.getElementById("myP").style.letterSpacing = "15px";

ທ້າທາຍຕົວເອງ

ຕົວຢ່າງ 2

ການນຳໃຊ້ຄວາມຍາວຍັງຕໍ່າ:

document.getElementById("myP").style.letterSpacing = "-2px";

ທ້າທາຍຕົວເອງ

ຕົວຢ່າງ 3

ການບັນທຶກຄວາມຄິດຂອງເຄື່ອງ <p>:

alert(document.getElementById("myP").style.letterSpacing);

ທ້າທາຍຕົວເອງ

ຕົວຢ່າງ 4

ຄວາມແຕກຕ່າງຂອງ letterSpacing ແລະ wordSpacing:

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

ທ້າທາຍຕົວເອງ

ຄຳສັບສົນ

ການບັນທຶກ letterSpacing:

object.style.letterSpacing

ການຈັດຕັ້ງ letterSpacing:

object.style.letterSpacing = "normal|length|initial|inherit"

ຄູ່ມົງຄົງຂອງປະສົມບູນ

ຄວາມຈຳນວນ ການອະທິບາຍ
normal ຄວາມຄິດຂອງຄຳຂັດແຍ່ງພາຍໃນຄຳຂັດແຍ່ງ. ຄູ່ມົງຄົງ.
length ການຈັດຕັ້ງຄວາມຄິດຂອງຄວາມກະຈັດຕັ້ງຈາກຫົວໜ່ວຍການຈັດຕັ້ງ. ອະນຸຍາດມີຄວາມຍາວຍັງຕໍ່າ.
initial ການຈັດຕັ້ງປະສົມບູນນີ້ໃຫ້ເປັນຄູ່ມົງຄົງ. ບັນທຶກພາຍໃນ initial.
inherit ຍິນຍອມຈາກປະກອບສັບສົມບູນພາຍໃນ. ບັນທຶກພາຍໃນ inherit.

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

ຄູ່ມົງຄົງ: normal
ຜົນການບັນທຶກ: ຄວາມນັບຄົນທີ່ສະແດງຄວາມຄິດຂອງຄຳຂັດແຍ່ງພາຍໃນຂະນະການຄິດຄົບ.
CSS ສະບັບ: CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ