Khoảng cách văn bản CSS
Thụt lề văn bản
Thuộc text-indenttính được sử dụng để chỉ định thụt lề của dòng đầu tiên của văn bản:
Thí dụ
p {
text-indent: 50px;
}
Khoảng cách chữ cái
Thuộc letter-spacingtính được sử dụng để chỉ định khoảng cách giữa các ký tự trong văn bản.
Ví dụ sau minh họa cách tăng hoặc giảm khoảng cách giữa các ký tự:
Thí dụ
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
Chiều cao giữa các dòng
Thuộc line-heighttính được sử dụng để chỉ định khoảng cách giữa các dòng:
Thí dụ
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
Khoảng cách từ
Thuộc word-spacingtính được sử dụng để chỉ định khoảng cách giữa các từ trong văn bản.
Ví dụ sau minh họa cách tăng hoặc giảm khoảng cách giữa các từ:
Thí dụ
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
Khoảng trắng
Thuộc white-spacetính chỉ định cách xử lý khoảng trắng bên trong một phần tử.
Ví dụ này trình bày cách tắt gói văn bản bên trong một phần tử:
Thí dụ
p {
white-space: nowrap;
}