Thuộc tính CSS volume (âm lượng giọng nói)

Thuộc tính volume trong CSS Speech

Thuộc tính volume chỉ định **âm lượng trung vị** của giọng nói khi render văn bản thành âm thanh. Thuộc CSS Speech Module.

Các giá trị

Giá trị	Mô tả	Loại
`<number>`	Số 0-100. 0 = nhỏ nhất nghe được, 100 = lớn nhất thoải mái	Tuyệt đối
`<percentage>`	Tương đối so với giá trị kế thừa, clamp 0-100%	Tương đối
`silent`	Không phát âm thanh gì (khác với 0 - vẫn tốn thời gian)	Keyword
`x-soft`	Tương đương 0	Keyword
`soft`	Tương đương 25	Keyword
`medium`	Tương đương 50 (mặc định)	Keyword
`loud`	Tương đương 75	Keyword
`x-loud`	Tương đương 100	Keyword

Ví dụ

<style>
  body { volume: medium; }        /* 50 - mặc định */
  .whisper { volume: x-soft; }    /* 0 - thì thầm */
  .quiet { volume: soft; }        /* 25 - nhỏ */
  .normal { volume: medium; }     /* 50 - bình thường */
  .loud { volume: loud; }         /* 75 - to */
  .shout { volume: x-loud; }      /* 100 - rất to */
  .mute { volume: silent; }       /* Im lặng hoàn toàn */
  
  /* Tương đối */
  .louder { volume: 120%; }       /* Tăng 20% so với parent */
  .quieter { volume: 80%; }       /* Giảm 20% so với parent */
</style>

volume: silent vs volume: 0 vs speak: none

Âm thanh	Thời gian	Pause before/after
`volume: 0`	Không có	Có (tính thời gian đọc)	Có
`volume: silent`	Không có	Có (tính thời gian đọc)	Có
`speak: none`	Không có	Không (bỏ qua hoàn toàn)	Không

Lưu ý

Chỉ hoạt động trên screen readers / voice browsers. Trình duyệt web thông thường bỏ qua.