Thuộc tính khoảng cách chữ cái CSS
Ví dụ
Đặt khoảng cách chữ cái cho các phần tử <h1>, <h2> và <h3>:
h1 {
letter-spacing: 3px;
}
h2 {
letter-spacing: 2px;
}
h3 {
letter-spacing:
-1px;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính letter-spacing
tăng hoặc giảm khoảng cách giữa các ký tự trong văn bản.
Giá trị mặc định: | Bình thường |
---|---|
Thừa hưởng: | Đúng |
Hoạt hình: | Đúng. Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | đối tượng .style.letterSpacing="3px" Hãy dùng thử |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
letter-spacing | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
letter-spacing: normal| length |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
normal | Defines normal space between characters. This is default | Demo ❯ |
length | Defines a length that is used as the space between characters (negative values are also allowed). Read about length units | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Khoảng cách văn bản CSS
Tham chiếu DOM HTML: thuộc tính letterSpacing