คุณสมบัติ word-spacing

คุณสมบัติ word-spacing กำหนด ระยะห่างระหว่างคำ ค่าของคุณสมบัตินี้สามารถเป็น หน่วย สำหรับขนาด ใดๆ ก็ได้ ยกเว้นเปอร์เซ็นต์ อนุญาตให้ใช้ ค่าลบได้ ค่า normal อนุญาตให้เบราว์เซอร์คำนวณระยะห่างระหว่าง คำได้ด้วยตัวเอง (ค่าเริ่มต้น)

หากกำหนดการจัดตำแหน่งข้อความผ่าน text-align ในค่า justify ระยะห่างระหว่างคำจะ ถูกตั้งโดยอัตโนมัติ แต่ไม่น้อยกว่าค่า ที่ระบุผ่าน word-spacing

ไวยากรณ์

selector {
	word-spacing: ค่า;
}

ตัวอย่าง

มาลองกำหนดระยะห่างระหว่างคำ เป็น 30px:

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

p {
	word-spacing: 30px;
	text-align: left;
}

ตัวอย่าง

กำหนด word-spacing ให้เป็นค่าลบ - ระยะห่างระหว่างคำจะแทบจะ หายไป:

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

p {
	word-spacing: -7px;
}

ตัวอย่าง

การตั้งค่าคุณสมบัตินี้เป็นศูนย์ไม่ทำให้ คำเชื่อมเข้าด้วยกัน:

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

p {
	word-spacing: 0;
}

ตัวอย่าง

กำหนด word-spacing เป็นค่า normal (นี่คือค่าเริ่มต้น):

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

p {
	word-spacing: normal;
}