Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

คุณสมบัติ CSS pause-before: หน่วงเวลาก่อนอ่านเนื้อหา


วัตถุประสงค์ของ pause-before

คุณสมบัติ pause-before ระบุช่วงเวลาหน่วง (pause) ที่ควรสังเกต ก่อน อ่านเนื้อหาขององค์ประกอบนั้นๆ ใช้ในบริบทของ Speech Media (สื่อเสียง) เพื่อปรับปรุงประสบการณ์การอ่านออกเสียง

ค่าที่รองรับ

ค่าคำอธิบาย
time (วินาที/มิลลิวินาที)ระบุเวลาหน่วงแบบสัมบูรณ์ เช่น 20ms, 2s
percentageอ้างอิงจากค่าผกผันของ speech-rate เช่น speech-rate 120 คำ/นาที (500ms/คำ) → 100% = 500ms, 20% = 100ms

ตัวอย่างการใช้งาน

h1 { pause-before: 500ms; }
p.intro { pause-before: 20%; }

หมายเหตุ

คุณสมบัตินี้เป็นส่วนหนึ่งของ CSS Speech Module ซึ่งมุ่งเน้นการเข้าถึง (accessibility) สำหรับผู้ใช้งานที่ต้องการฟังเนื้อหาแทนการอ่านด้วยตา ร่วมกับ pause-after และ shorthand pause