Thuộc tính CSS letter-spacing

Định nghĩa và cách sử dụng

Thuộc tính letterSpacing tăng hoặc giảm khoảng cách trống giữa các ký tự (khoảng cách giữa các chữ cái).

Thuộc tính này xác định khoảng cách giữa các khung văn bản của các ký tự. Do hình dạng của các ký tự thường hẹp hơn khung văn bản của chúng, khi xác định giá trị chiều dài, sẽ điều chỉnh khoảng cách giữa các chữ cái thường. Do đó, normal tương đương với giá trị là 0.

Chú ý:Cho phép sử dụng giá trị âm, điều này sẽ làm cho các chữ cái挨得更 gần.

Xem thêm:

Hướng dẫn CSS:Văn bản CSS

Hướng dẫn tham khảo HTML DOM:Thuộc tính letterSpacing

Ví dụ

Đặt khoảng cách giữa các chữ cái của các yếu tố h1 và h2:

h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}

Thử ngay

Cú pháp CSS

letter-spacing: normal|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
normal Mặc định. Định nghĩa không có khoảng cách bổ sung giữa các ký tự.
length Định nghĩa khoảng cách cố định giữa các ký tự (cho phép sử dụng giá trị âm).
inherit Định nghĩa nên kế thừa giá trị thuộc tính letter-spacing từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Di truyền: yes
Phiên bản: CSS1
Cú pháp JavaScript: object.style.letterSpacing="3px"

Các ví dụ khác

Định nghĩa khoảng cách giữa các ký tự (khoảng cách giữa các chữ cái)
Ví dụ này minh họa cách tăng hoặc giảm khoảng cách giữa các ký tự.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính đó.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5