Giới thiệu
Thuộc tính letterSpacing trong HTML DOM Style dùng để thiết lập hoặc lấy khoảng cách giữa các ký tự trong văn bản.
Cú pháp
Thiết lập letterSpacing:
object.style.letterSpacing = "normal|length|initial|inherit"
Giá trị
| Giá trị | Mô tả |
|---|---|
| normal | Mặc định: khoảng cách ký tự bình thường. |
| length | Chỉ định khoảng cách bằng đơn vị độ dài (px, em...). Cho phép giá trị âm. |
| initial | Đặt về mặc định. |
| inherit | Kế thừa từ cha. |
Ví dụ
Ví dụ tăng khoảng cách chữ lên 12px cho đoạn văn.
<!DOCTYPE html> <html> <head> <script>
function changeSpacing() {
document.getElementById("myP").style.letterSpacing = "12px";
document.getElementById("Sample").innerHTML = "Khoảng cách giữa các ký tự đã được tăng";
}
</script> </head> <body>
<p id="myP">This is some text inside the sample paragraph. This is another line in paragraph. This is second line in paragraph. This is third line in paragraph. </p>
<p>Nhấn nút để tăng khoảng cách chữ trong đoạn văn</p>
<button type="button" onclick="changeSpacing()">Tăng Letter Spacing</button>
<p id="Sample"></p>
</body> </html>
Kết quả
Sau khi nhấn nút Tăng Letter Spacing:
