Thuộc tính text-justify trong CSS

Định nghĩa và cách sử dụng

Thuộc tính text-justify xác định cách cân bằng văn bản khi text-align được thiết lập thành "justify".

Thuộc tính này quy định cách cân bằng và phân cách văn bản hàng.

Mô hình

Thay đổi khoảng cách từ từ của cân bằng hàng:

div
{
text-align:justify;
text-justify:inter-word;
}

Thử nghiệm trực tiếp

Ngữ pháp CSS

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
auto Trình duyệt quyết định thuật toán cân bằng hàng. Kiểm tra
none Tắt cân bằng hàng. Kiểm tra
inter-word Tăng/giảm khoảng cách từ từ. Kiểm tra
inter-ideograph Cân bằng nội dung bằng văn bản biểu cảm. Kiểm tra
inter-cluster Chỉ cân bằng nội dung không chứa khoảng cách từ trong ra ngoài (ví dụ như hệ ngôn ngữ châu Á). Kiểm tra
distribute Giống như trang layout của báo, trừ khi cuối cùng của hệ ngôn ngữ东亚. Kiểm tra
kashida Cân bằng nội dung bằng cách kéo dài ký tự. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: yes
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.textJustify="inter-word"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
Hỗ trợ * 11.0 55.0 10.0.3 Hỗ trợ *

* Tính năng này nằm trong tùy chọn "Bật các tính năng nền tảng Web thí nghiệm" (cần thiết phải được thiết lập thành "Đã bật"). Để thay đổi tùy chọn trong Chrome: hãy nhập "chrome://flags" trong trình duyệt Chrome. Để thay đổi tùy chọn trong Opera: hãy nhập "flags" trong trình duyệt Opera.