Thuộc tính CSS hyphens

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

Thuộc tính hyphens xác định có cho phép sử dụng dấu gạch nối trong một dòng văn bản để tạo thêm cơ hội ngắt dòng tự động.

Mô hình

Đặt dấu gạch nối khác nhau:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Thử ngay

Cú pháp CSS

hyphens: none|manual|auto|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
none Từ không có dấu gạch dưới (không ngắt dòng).
thủ công Mặc định. Từ chỉ có dấu gạch dưới hoặc dấu gạch ngang (nếu cần).
auto Chèn từ liên kết vào vị trí xác định bởi thuật toán (nếu cần).
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: thủ công
Kế thừa: Có
Chế tạo animation: Không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS3
Cú pháp JavaScript: object.style.hyphens="none"

Hỗ trợ trình duyệt

Số liệu 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.

Số liệu có tiền tố -webkit- hoặc -ms- biểu thị phiên bản đầu tiên sử dụng tiền tố.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0