HTML DOM Style paddingTop屬性用法及代碼示例

DOM 的 paddingTop 屬性用於設置 HTML 中元素的頂部填充。請記住，在元素的邊框內插入空格。它還用於返回頂部填充。默認值為 0。

用法

以下是語法 -

object.style.paddingTop

設置頂部填充的語法

object.style.paddingTop = "%|length|initial|inherit"

這裏，% 是頂部填充，length 是長度(單位)的頂部填充，initial 用於將屬性設置為默認值，inherit 用於inherit 屬性表單父元素。

示例

現在讓我們看一個實現 paddingTop 屬性的例子 -

<!DOCTYPE html>
<html>
<head>
<style>
   #sample {
      border:2px dashed #ded575;
   }
</style>
</head>
<body>
<div id="sample">Demo text!</div>
<br>
<button type="button" onclick="demo()">Update</button>
<script>
   function demo() {
      document.getElementById("sample").style.paddingTop = "80px";
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

單擊上麵的“更新”按鈕後，將顯示以下內容。我們現在可以使用 padding-top 屬性輕鬆設置頂部填充 -

相關用法

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