letter-spacing

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Thuộc tính letter-spacing điều khiển khoảng cách giữa các ký tự văn bản.

Nếu giá trị thuộc tính là một số không kèm đơn vị, như 128, trình duyệt sẽ xử lý nó như một <length> trong hệ tọa độ người dùng hiện tại.

Nếu giá trị thuộc tính có đơn vị, chẳng hạn .25em hoặc 1%, thì trình duyệt sẽ chuyển đổi <length> đó thành giá trị tương ứng trong hệ tọa độ người dùng hiện tại.

Note: Khi được dùng như một thuộc tính trình bày, letter-spacing cũng có một thuộc tính CSS tương ứng: letter-spacing. Khi cả hai được chỉ định, thuộc tính CSS sẽ được ưu tiên.

Bạn có thể dùng thuộc tính này với các phần tử SVG sau:

Ví dụ

Điều khiển khoảng cách chữ SVG

html

<svg viewBox="0 0 400 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" letter-spacing="2">Khoảng cách chữ lớn hơn</text>
  <text x="200" y="20" letter-spacing="-0.5">Khoảng cách chữ nhỏ hơn</text>
</svg>