Thuộc tính wordSpacing của HTML DOM Style

Thuộc tính wordSpacing điều chỉnh khoảng cách giữa các từ trong văn bản.

Cú pháp

// Lấy giá trị
object.style.wordSpacing
// Thiết lập
object.style.wordSpacing = "value"

Giá trị

Giá trị	Mô tả
initial	Giá trị mặc định.
inherit	Kế thừa từ cha.
normal	Khoảng cách bình thường.
length	Khoảng cách cụ thể (px, em, rem...).

Ví dụ: Thay đổi wordSpacing khi click nút

<!DOCTYPE html>
<html>
<head>
  <style>
    .btn { background: #db133a; color: #fff; border: none; padding: 0.5rem 1rem; cursor: pointer; }
  </style>
</head>
<body>
  <h1>DOM Style wordSpacing Property</h1>
  <p>This is a paragraph element.</p>
  <button onclick="add()" class="btn">Change wordSpacing</button>
  <script>
    function add() {
      document.querySelector('p').style.wordSpacing = "30px";
    }
  </script>
</body>
</html>

Sau khi click, khoảng cách giữa các từ trở thành 30px.