คุณสมบัติ cue (Shorthand)
คุณสมบัติ cue เป็น shorthand รวม cue-before และ cue-after ใช้กำหนดไฟล์เสียงเล่นก่อนและหลังการอ่านเนื้อหา
รูปแบบการใช้งาน
- ค่าเดียว: ใช้สำหรับ cue-before และ cue-after เท่ากัน
- สองค่า: ค่าแรก = cue-before, ค่าที่สอง = cue-after
ตัวอย่าง: เทียบเท่ากัน
<style>
/* ทั้งสองบรรทัดนี้เทียบเท่ากัน */
h1 { cue-before: url("pop.au"); cue-after: url("pop.au"); }
h1 { cue: url("pop.au"); }
</style>ค่าที่ใช้ได้
| ค่า | คำอธิบาย |
|---|---|
url() | ที่อยู่ไฟล์เสียง (.au, .wav, .mp3, .ogg) |
none | ไม่เล่นเสียง (ค่าเริ่มต้น) |
การใช้งานจริง
h1 { cue: url("ding.wav"); }
blockquote { cue: url("quote-start.wav") url("quote-end.wav"); }
.note { cue-before: url("note.wav"); }ส่วนของ CSS Speech Module
ทำงานร่วมกับ pause, speech-rate, voice-family เพื่อสร้างประสบการณ์การฟังที่สมบูรณ์
