CSS pitch-range屬性用於設置語音的頻率範圍。會有一個限製,因此用戶不會聽到任何形式的聽力問題。
用法:
pitch-range:number;
參數:該屬性接受上述和以下描述的單個參數:
- number:此參數保存的頻率數可以在0-100之間。
範例1:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
audio {
pitch-range:75;
}
</style>
</head>
<body style="text-align:center;">
<h1 style="color:green;">GeeksforGeeks</h1>
<p>CSS pitch-range Property</p>
<audio controls>
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
type="audio/mp3">
</audio>
</body>
</html>
輸出:
範例2:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
audio {
pitch-range:80;
}
</style>
</head>
<body style="text-align:center;">
<h1 style="color:green;">GeeksforGeeks</h1>
<p>CSS pitch-range Property</p>
<audio controls>
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
type="audio/mp3">
</audio>
</body>
</html>
輸出:
支持的瀏覽器:CSS3中不推薦使用此屬性,因此該屬性不支持主要的瀏覽器。
相關用法
- CSS transition-property用法及代碼示例
- CSS table-layout用法及代碼示例
- CSS text-align用法及代碼示例
- CSS border-top-width用法及代碼示例
- CSS isolation屬性用法及代碼示例
- CSS border-inline-start-style屬性用法及代碼示例
- CSS column-rule-width用法及代碼示例
- CSS word-spacing用法及代碼示例
- CSS animation-delay用法及代碼示例
- CSS margin-top用法及代碼示例
- CSS grid屬性用法及代碼示例
- CSS font-size-adjust用法及代碼示例
- CSS visibility屬性用法及代碼示例
- CSS grid-template-columns用法及代碼示例
- CSS height屬性用法及代碼示例
- CSS transform-origin用法及代碼示例
- CSS animation-name用法及代碼示例
- CSS flex-wrap用法及代碼示例
- CSS align-content用法及代碼示例
- CSS page-break-before屬性用法及代碼示例
- CSS empty-cells用法及代碼示例
注:本文由純淨天空篩選整理自skyridetim大神的英文原創作品 CSS pitch-range Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。