Thuộc tính CSS word-break đặt xem các ngắt dòng có xuất hiện ở bất cứ nơi nào văn bản sẽ tràn vào hộp nội dung của nó hay không
/* Keyword values */ word-break: normal; word-break: break-all; word-break: keep-all; word-break: break-word; /* deprecated */ /* Global values */ word-break: inherit; word-break: initial; word-break: revert; word-break: revert-layer; word-break: unset;
Thuộc tính word-break được chỉ định là một từ khóa duy nhất được chọn từ danh sách các giá trị bên dưới
normal
Sử dụng quy tắc ngắt dòng mặc định
break-allĐể tránh bị tràn, các dấu ngắt từ phải được chèn vào giữa hai ký tự bất kỳ (không bao gồm văn bản tiếng Trung/Nhật/Hàn)
keep-allKhông nên sử dụng ngắt từ cho văn bản tiếng Trung/Nhật/Hàn (CJK). Hành vi văn bản không phải CJK giống như đối với normal
word-break =normal |
keep-all |
break-all |
break-word
0 Không dùng nữa
Có tác dụng tương tự như word-break =
normal |
keep-all |
break-all |
break-word
1 và word-break =
normal |
keep-all |
break-all |
break-word
2, bất kể giá trị thực tế của tài sản word-break =
normal |
keep-all |
break-all |
break-word
3
Ghi chú. Ngược lại với word-break =
normal |
keep-all |
break-all |
break-word
4 và word-break =
normal |
keep-all |
break-all |
break-word
5 (xem word-break =
normal |
keep-all |
break-all |
break-word
3), word-break =
normal |
keep-all |
break-all |
break-word
7 sẽ tạo ra một dấu ngắt ở chính xác vị trí mà văn bản sẽ tràn vào vùng chứa của nó (ngay cả khi đặt toàn bộ một từ trên dòng của chính nó sẽ không cần thiết phải ngắt)
Ghi chú. Mặc dù word-break =
normal |
keep-all |
break-all |
break-word
4 không được dùng nữa nhưng nó có tác dụng tương tự, khi được chỉ định, như word-break =
normal |
keep-all |
break-all |
break-word
1 và word-break =
normal |
keep-all |
break-all |
break-word
2 — bất kể giá trị thực tế của thuộc tính word-break =
normal |
keep-all |
break-all |
break-word
3
Giá trị ban đầunormalÁp dụng cho tất cả các phần tửInherityyesGiá trị được tính toán như đã chỉ địnhKiểu hoạt ảnhrời rạc