Thuộc tính text-overflow trong CSS

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

Thuộc tính text-overflow quy định những gì xảy ra khi văn bản chảy ra khỏi phần tử bao gồm.

Xem thêm:

Hướng dẫn CSS3:Hiệu ứng văn bản CSS3

Hướng dẫn HTML DOM:Thuộc tính textOverflow

Ví dụ

Sử dụng thuộc tính text-overflow:

div.test
{
text-overflow:ellipsis;
}

Thử ngay

Có nhiều ví dụ khác ở cuối trang.

Cú pháp CSS

text-overflow: clip|ellipsis|string;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
clip Cắt văn bản. Kiểm tra
ellipsis Hiển thị dấu Punkt để đại diện cho văn bản bị cắt. Kiểm tra
string Sử dụng chuỗi đã cho để đại diện cho văn bản bị cắt.

Chi tiết kỹ thuật

Giá trị mặc định: clip
Kế thừa: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.textOverflow="ellipsis"

Những ví dụ khác

Text-overflow với hiệu ứng hover
Ví dụ này minh họa cách hiển thị toàn bộ văn bản khi con trỏ di chuyển đến phần tử.

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 với -o- biểu thị phiên bản đầu tiên sử dụng tiền tố.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-