Thuộc tính Style letterSpacing

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

letterSpacing Thuộc tính thiết lập hoặc trả về khoảng cách giữa các ký tự trong văn bản (khoảng cách ký tự).

Lưu ý:Để thiết lập hoặc trả về khoảng cách giữa các từ trong văn bản (khoảng cách từ), hãy sử dụng Thuộc tính wordSpacing.

Xem thêm:

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

Tài liệu tham khảo CSS:Thuộc tính letter-spacing

Mô hình

Ví dụ 1

Đặt khoảng cách giữa các ký tự của thẻ <p> thành 15 pixel:

document.getElementById("myP").style.letterSpacing = "15px";

Thử ngay

Ví dụ 2

Sử dụng giá trị âm:

document.getElementById("myP").style.letterSpacing = "-2px";

Thử ngay

Ví dụ 3

Trả về khoảng cách giữa các ký tự của thẻ <p>:

alert(document.getElementById("myP").style.letterSpacing);

Thử ngay

Ví dụ 4

Sự khác nhau giữa thuộc tính letterSpacing và wordSpacing:

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

Thử ngay

Cú pháp

Trả về thuộc tính letterSpacing:

object.style.letterSpacing

Đặt thuộc tính letterSpacing:

object.style.letterSpacing = "normal|length|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
normal Khoảng cách giữa các ký tự bình thường. Mặc định.
length Định nghĩa khoảng cách bằng đơn vị độ dài. Cho phép giá trị âm.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Giá trị trả về: Chuỗi, biểu thị khoảng cách giữa các ký tự trong văn bản.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ