Thuộc tính letter-spacing trong CSS

1) Thuộc tính letter-spacing trong CSS

– Thuộc tính letter-spacing được dùng để thiết lập khoảng cách nằm giữa hai ký tự.

– Ví dụ:

• Trong đoạn văn bên dưới, khoảng cách giữa mỗi hai ký tự là 0px

(Tài liệu học Lập Trình Web)

• Trong đoạn văn bên dưới, khoảng cách giữa mỗi hai ký tự là 5px

(Tài liệu học Lập Trình Web)

• Trong đoạn văn bên dưới, khoảng cách giữa mỗi hai ký tự là 15px

(Tài liệu học Lập Trình Web)

2) Cách sử dụng thuộc tính letter-spacing trong CSS

– Để sử dụng thuộc tính letter-spacing, ta dùng cú pháp như sau:

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

– Trong đó, ta thấy giá trị của thuộc tính letter-spacing có thể được xác định bởi một trong bốn loại:

normal

– Không thiết lập khoảng cách giữa mỗi hai ký tự (tương đương 0px)

Xem ví dụ

length

– Thiết lập khoảng cách giữa mỗi hai ký tự bởi một giá trị cụ thể.

(giá trị này có thể được xác định theo đơn vị px, em, cm, ….)

Xem ví dụ

initial

– Sử dụng giá trị mặc định của nó.

(mặc định thì thuộc tính letter-spacing có giá trị là normal)

Xem ví dụ

inherit

– Kế thừa giá trị thuộc tính letter-spacing từ phần tử cha của nó.

Xem ví dụ