Khoảng cách văn bản CSS
Khoảng cách văn bản
Trong chương này bạn sẽ tìm hiểu về các thuộc tính sau:
-
text-indent
-
letter-spacing
-
line-height
-
word-spacing
-
white-space
Thụt lề văn bản
Thuộc text-indent
được sử dụng để chỉ định mức thụt dòng của dòng đầu tiên của văn bản:
Khoảng cách chữ
Thuộc tính letter-spacing
được sử dụng để chỉ định khoảng cách giữa các ký tự trong văn bản.
Ví dụ sau đây minh họa cách tăng hoặc giảm khoảng cách giữa các ký tự:
Chiều cao giữa các dòng
Thuộc tính line-height
được sử dụng để chỉ định khoảng cách giữa các dòng:
Khoảng cách từ
Thuộc tính word-spacing
được sử dụng để chỉ định khoảng cách giữa các từ trong văn bản.
Ví dụ sau đây minh họa cách tăng hoặc giảm khoảng cách giữa các từ:
Khoảng trắng
Thuộc tính white-space
chỉ định cách xử lý khoảng trắng bên trong một phần tử.
Ví dụ này minh họa cách tắt tính năng ngắt dòng văn bản bên trong một phần tử:
Thuộc tính giãn cách văn bản CSS
Property | Description |
---|---|
letter-spacing | Specifies the space between characters in a text |
line-height | Specifies the line height |
text-indent | Specifies the indentation of the first line in a text-block |
white-space | Specifies how to handle white-space inside an element |
word-spacing | Specifies the space between words in a text |