CSS3 text-overflow Property

การใช้ทรัพย์สินข้อความล้น:

div {
text-overflow: ellipsis;
}

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

สถานที่ให้บริการข้อความล้นระบุเนื้อหาวิธีล้นที่จะไม่แสดงควรจะส่งสัญญาณให้กับผู้ใช้

ค่าเริ่มต้น:	clip
รับการถ่ายทอด:	no
Animatable:	no. Read about animatable
เวอร์ชัน:	CSS3
ไวยากรณ์ javascript:	object .style.textOverflow="ellipsis" Try it

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

ตามด้วยหมายเลข -o- ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า

คุณสมบัติ
text-overflow	4.0	6.0	7.0	3.1	11.0 9.0 -o-

text-overflow: clip|ellipsis|string|initial|inherit;

ความคุ้มค่า	ลักษณะ	เล่น
clip	ค่ามาตรฐาน คลิปข้อความ	เล่น "
ellipsis	Render จุดไข่ปลา ("...") เพื่อเป็นตัวแทนของข้อความตัด	เล่น "
string	Render สตริงที่กำหนดเพื่อแสดงข้อความที่ถูกตัด
initial	การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น	เล่น "
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

ข้อความล้นที่มีผลกระทบโฮเวอร์
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแสดงข้อความทั้งหมดเมื่อเลื่อนเมาส์ไปวางองค์ประกอบ

อ้างอิง HTML DOM: textOverflow property