CSS pause-before屬性用法及代碼示例

CSS pause-before屬性用於定義元素之前的暫停時間。可以將此屬性視為等效於視覺媒體中margin-top屬性的語音媒體。

用法:

pause-before:time | percentage;

參數：此屬性接受上述和以下描述的兩個參數：

time:該參數包含一個值，其中pause將是指定值的長度。
percentage:暫停的長度取決於speech-rate的值。如果將其設置為pause-before：50％，則將產生250ms。

範例1：

HTML

<!DOCTYPE html> 
<html> 
    <head> 
        <style> 
            audio { 
                 pause-before:20ms; 
            } 
        </style> 
    </head> 
    <body style="text-align:center;"> 
        <h1 style="color:green;">GeeksforGeeks</h1> 
          
<p>CSS pause-before 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 { 
                 pause-before:25%; 
            } 
        </style> 
    </head> 
    <body style="text-align:center;"> 
        <h1 style="color:green;">GeeksforGeeks</h1> 
          
<p>CSS pause-before Property</p> 
  
        <audio controls>  
        <source src=  
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mp3">  
    </audio>  
    </body> 
</html>

輸出：

支持的瀏覽器：CSS3中已棄用此屬性，因此該屬性不支持主要的瀏覽器

相關用法

注：本文由純淨天空篩選整理自skyridetim大神的英文原創作品 CSS pause-before Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。