Tạo khoảng cách giữa các ký tự trong CSS với thuộc tính letter-spacing

vi du ve co gian khoang cach ky tu trong CSS voi thuoc tinh letter-spacing

Ví dụ về co giãn khoảng cách giữa các ký tự trong CSS với thuộc tính letter-spacing

Với CSS, nếu bạn muốn khoảng cách giữa các các ký tự cách xa nhau ra hoặc gần lại trong cùng một từ thì sử dụng thuộc tính letter-spacing. Cũng có thể gọi nó là co giãn khoảng cách giữa các ký tự (các chữ cái) trong một từ.

Còn để tạo khoảng cách giữa các từ trong một câu hay đoạn văn bạn sử dụng thuộc tính word-spacing nhé !

CSS của thuộc tính letter-spacing có dạng

Đối tượng thường ứng dụng thuộc tính này là LOGO, slogan, hoặc một đoạn chữ mà bạn muốn nó nổi bật so với phần còn lại.

.ten-doi-tuong {
letter-spacing: 5px;
}

Thực hành thuộc tính letter-spacing

Bạn xem minh họa dưới đây và nhấn vào icon CodePen để vào trực tiếp giao diện thực hành nhé !

See the Pen
Thuộc tính letter-spacing
by Hocban.vn (@hocbanvn)
on CodePen.


Như vậy là xong rồi đó, giờ bạn có thể ứng dụng nó trong việc tùy biến độ co giãn ký tự trong CSS dễ dàng rồi.

3.5/5 - (6 votes)




Subscribe
Notify of
guest

9 Comments
Inline Feedbacks
View all comments
Ưu đãi Hosting, VPS lên đến 50% và tặng bộ theme, plugin bản quyền hơn 1.600$XEM CHI TIẾT
+