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

Vi du ve khoang cach giua cac tu trong CSS khi dung thuoc tinh word-spacing

Ví dụ về khoảng cách giữa các từ trong CSS khi dùng thuộc tính word-spacing

Nếu muốn tạo khoảng cách giữa các ký tự trong một từ thì bạn dùng thuộc tính letter-spacing. Trong bài này mình chia sẻ cách tạo khoảng cách giữa các từ trong CSS với thuộc tính word-spacing.

Sử dụng thuộc tính word-spacing

Thuộc tính word-spacing có dạng như thế này:

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

Đối tượng áp dụng là văn bản thông thường, tiêu đề bài viết,… nói chung cái này web nào cũng cần ứng dụng tùy vào sở thích của mỗi người. Giá trị khoảng cách từ mặc định là 0px, tuy nhiên nếu bạn muốn:

  • Các từ gần lại: Giá trị nó nhỏ hơn hoặc bằng: -1px
  • Các từ cách xa nhau ra: Giá trị nó lớn hơn hoặc bằng: 1px

Demo và thực hành thuộc tính word-spacing

Như thường lệ, bạn nhấn vào Codepen bên dưới để vào trực tiếp công cụ chỉnh sửa code và thực hành nhé !

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


Bài viết đến đây là kết thúc, bạn nhớ ghé thăm Hocban.vn thường xuyên để lượm nhặt thêm các mẹo và thủ thuật CSS khác nữa nhé !

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Không biết bạn đã từng đọc qua các nội dung dưới đây chưa nhỉ ?

guest
0 Comments
Inline Feedbacks
View all comments