Thuộc tính text-justify trong CSS - Căn chỉnh văn bản

Thuộc tính text-justify trong CSS được dùng để thiết lập phương pháp căn chỉnh (justification) của văn bản khi thuộc tính text-align được đặt là justify.

text-justify: auto | inter-word | inter-character | none | initial | inherit;

Ví dụ

<!DOCTYPE html>
<html>
<head>
<style>
div {
  text-align: justify;
  text-justify: inter-word;
  color: white;
  background-color: gray;
}
</style>
</head>
<body>
<h2>Tiêu đề Demo</h2>
<div>Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.</div>
</body>
</html>

Kết quả

Thay đổi kích thước trình duyệt để thấy hiệu ứng:

Các giá trị:

• auto: Trình duyệt quyết định phương pháp
• inter-word: Tăng khoảng cách giữa các từ (phổ biến cho tiếng Anh)
• inter-character: Tăng khoảng cách giữa các ký tự (phù hợp tiếng CJK)
• none: Vô hiệu hóa căn chỉnh