Tạo Khoảng Cách Giữa Các Ký Tự Trong CSS Với Thuộc Tính ...

Trang chủ » Khoảng Cách Chữ Trong Css » Tạo Khoảng Cách Giữa Các Ký Tự Trong CSS Với Thuộc Tính ...

Có thể bạn quan tâm

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é !

  1. CSS của thuộc tính letter-spacing có dạng
  2. Thực hành thuộc tính letter-spacing

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)

Từ khóa » Khoảng Cách Chữ Trong Css