Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Thuộc tính CSS speak (kiểu đọc văn bản)


Thuộc tính speak trong CSS Speech

Thuộc tính speak xác định **có đọc lên tiếng** nội dung phần tử không, và nếu có thì **đọc như thế nào**. Thuộc CSS Aural/Speech Module.

Các giá trị

Giá trị Mô tả
none Không đọc lên tiếng. Phần tử không tốn thời gian render âm thanh.
normal Đọc bình thường theo quy tắc phát âm của ngôn ngữ (mặc định).
spell-out Đọc từng chữ cái (spell out). Ví dụ: "CSS" → "C-E-S-S".

Sự khác biệt: volume: silent vs speak: none

  • volume: silent: Vẫn tốn thời gian đọc (kể cả pause-before/after), nhưng **không phát ra âm thanh**.
  • speak: none: **Bỏ qua hoàn toàn**, không tốn thời gian, không render âm thanh.

Ví dụ

<style>
  .skip-reading { speak: none; }        /* Bỏ qua hoàn toàn */
  .silent-read { volume: silent; }      /* Im lặng nhưng giữ timing */
  .spell-code { speak: spell-out; }     /* Đọc từng ký tự */
</style>

<p class="skip-reading">Nội dung này không được đọc.</p>
<code class="spell-code">CSS</code>

Lưu ý

Giống các thuộc tính speech khác, speak dành cho công nghệ hỗ trợ (screen readers), không có hiệu ứng trực quan trên trình duyệt thông thường.