1. Home
  2. CSS3 คุณสมบัติข้อความล้น

บทช่วยสอน CSS3 คุณสมบัติข้อความล้น ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,แอตทริบิวต์คำจำกัดความและคำแนะนำ,ไวยากรณ์,ตัวอย่างเพิ่มเติม,บทความที่เกี่ยวข้อง,

CSS3 คุณสมบัติข้อความล้น

ตัวอย่าง

ใช้คุณสมบัติข้อความล้น:

div.test
{
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 ผลกระทบข้อความ

บทแนะนำยอดนิยม

Contact US

CSS3 คุณสมบัติข้อความล้น
10/30