Tạo Khoảng Cách Giữa Các Từ (chữ) Trong CSS Với Thuộc Tính ...
Có thể bạn quan tâm
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ừ (chữ) trong CSS với thuộc tính word-spacing.
- Tạo khoảng cách giữa các từ (chữ) trong CSS với thuộc tính word-spacing
- Demo và thực hành thuộc tính word-spacing
Tạo khoảng cách giữa các từ (chữ) trong CSS với 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é !
4.3/5 - (10 votes)Từ khóa » Khoảng Cách Chữ Css
-
Thuộc Tính Letter-spacing | CSS | Học Web Chuẩn
-
Tạo Khoảng Cách Giữa Các Ký Tự Trong CSS Với Thuộc Tính ...
-
Các Thuộc Tính định Dạng Cho Text | Hướng Dẫn Học
-
Định Dạng Các Khoảng Trắng CSS Word White Letter-spacing
-
Cách Sử Dụng Thuộc Tính Word-spacing Trong CSS để Thiết Lập ...
-
Các Thuộc Tính định Dạng Text Trong HTML
-
[Hỏi] Khoảng Cách Chữ Text Trong Html Css Là Thuộc Tính Gì ấy Nhỉ?
-
Cách Chèn Khoảng Trống Trong HTML
-
Css Khoảng Cách Giữa Các Chữ - .vn
-
Hướng Dẫn Chỉnh Css Khoảng Cách Giữa Các Chữ Mới Nhất 2020
-
Cài đặt Trong CSS: Khoảng Cách Giữa Các Dòng - Ad
-
8 Thuộc Tính Văn Bản Trong CSS: Hiểu Rõ Nó Sẽ Giúp Bạn Rất Nhiều đấy
-
Thiết Lập Khoảng Cách Giữa Các Dòng Trong CSS - CodePen