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

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

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

ไวยากรณ์

cssselector {
  word-spacing: ค่า;
}

ตัวอย่าง

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

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

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

Результат:

ตัวอย่าง

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

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

cssp {
  word-spacing: -7px;
}

Результат:

ตัวอย่าง

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

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

cssp {
  word-spacing: 0;
}

Результат:

ตัวอย่าง

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

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

cssp {
  word-spacing: normal;
}

Результат: