CSS text-overflow รายการ

คำอธิบายและวิธีใช้

attribute text-overflow กำหนดสิ่งที่จะเกิดขึ้นเมื่อข้อความมีเกินของมันออกนอกองค์ประกอบ

ดูเพิ่มเติมที่:

ตัวอย่าง CSS3:CSS3 ผลลัพธ์ของข้อความ

คู่มืออ้างอิง HTML DOM:attribute textOverflow

ตัวอย่าง

ใช้ attribute text-overflow:

div.test
{
text-overflow:ellipsis;
}

ทดลองด้วยตัวเอง

มีตัวอย่างเพิ่มเติมที่ด้านล่างของหน้า

ระบบทางการเขียน CSS

text-overflow: clip|ellipsis|string;

ค่าของ属性

ค่า รายละเอียด ทดสอบ
clip ตัดข้อความ ทดสอบ
ellipsis แสดงลักษณะสัญลักษณ์ที่มีข้อความที่ทำการตัดออก ทดสอบ
string ใช้ข้อความที่ให้ไว้เพื่อแทนที่ข้อความที่ทำการตัดออก

รายละเอียดเทคโนโลยี

ค่าเริ่มต้น: clip
มีความสามารถที่จะสืบทอด: no
รุ่น: CSS3
ระบบทางการเขียน JavaScript: object.style.textOverflow="ellipsis"

ตัวอย่างเพิ่มเติม

Text-overflow ที่มีลูกเล่น hover
ตัวอย่างนี้แสดงว่าจะแสดงข้อความทั้งหมดเมื่อติดตามหน้าที่ปะทะอยู่บนองค์ประกอบ

การสนับสนุนโดยเบราเซอร์

ตัวเลขในตารางบอกว่าเบราเซอร์รุ่นแรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด

ตัวเลขที่มี -o- แสดงว่าใช้เบอร์ประภาคส่วนต้นในสมบัติรุ่นแรก

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