CSS3 คุณสมบัติข้อความล้น
ตัวอย่าง
ใช้คุณสมบัติข้อความล้น:
div.test
{
text-overflow:ellipsis;
}
{
text-overflow:ellipsis;
}
ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
属性 | |||||
---|---|---|---|---|---|
text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
คุณสมบัติข้อความล้นระบุเมื่อข้อความล้นองค์ประกอบที่มีสิ่งที่ควรจะเกิดขึ้น
เริ่มต้น: | คลิป |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.textOverflow = "จุดไข่ปลา" |
ไวยากรณ์
text-overflow: clip|ellipsis|string;
ความคุ้มค่า | ลักษณะ |
---|---|
คลิป | ข้อความ Trim |
จุดไข่ปลา | จอแสดงผล apostrophe เพื่อเป็นตัวแทนของข้อความที่ตกแต่งอย่างสวยงาม |
เชือก | ใช้สตริงที่กำหนดหมายถึงข้อความที่ถูกตัด |
ตัวอย่างเพิ่มเติม
เลื่อนแสดงข้อความทั้งหมด
ตัวอย่างนี้แสดงให้เห็นว่าเมื่อเมาส์อยู่เหนือองค์ประกอบวิธีการแสดงข้อความทั้งหมด
บทความที่เกี่ยวข้อง
CSS3 กวดวิชา: CSS3 ผลกระทบข้อความ