text-overflow
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính SVG text-overflow chỉ định cách các phần tử khối nội dung văn bản hiển thị khi văn bản tràn ra ngoài các dòng. Điều này có thể xảy ra, ví dụ, khi thuộc tính white-space hoặc thuộc tính CSS white-space có giá trị nowrap. Thuộc tính này không áp dụng cho văn bản được định dạng sẵn hoặc văn bản nằm trên một đường dẫn.
Trong SVG, text-overflow có tác dụng nếu có một vùng ngắt dòng được chỉ định hợp lệ, bất kể giá trị tính toán của thuộc tính overflow trên phần tử khối nội dung văn bản là gì. Hiệu ứng này hoàn toàn mang tính trực quan: văn bản bị cắt không bị xóa khỏi DOM, và bất kỳ dấu ba chấm nào, nếu được hiển thị, cũng không tự nó trở thành một phần của DOM. Với mọi phương thức DOM, cứ như thể text-overflow không được áp dụng, và vùng ngắt dòng không ràng buộc văn bản.
Note:
Là một thuộc tính trình bày, text-overflow cũng có một thuộc tính CSS tương ứng: text-overflow. Khi cả hai được chỉ định, thuộc tính CSS sẽ được ưu tiên.
Ghi chú sử dụng
| Giá trị | clip | ellipses |
|---|---|
| Giá trị mặc định | clip |
| Có thể hoạt ảnh | Không |
clip-
Bất kỳ văn bản nào tràn ra ngoài vùng ngắt dòng sẽ bị cắt. Các ký tự có thể bị hiển thị một phần. Đây là giá trị mặc định.
ellipsis-
Nếu văn bản cần hiển thị tràn ra ngoài vùng ngắt dòng, văn bản sẽ bị cắt và một dấu ba chấm sẽ được hiển thị sao cho nó vừa trong vùng đã cho.
Để biết thêm thông tin, hãy tham khảo thuộc tính CSS text-overflow.
Đặc tả
| Specification |
|---|
| CSS Overflow Module Level 3 # text-overflow |
| Scalable Vector Graphics (SVG) 2 # TextOverflowProperty |
Tương thích trình duyệt
Xem thêm
- Thuộc tính CSS
text-overflow