HTML DOM Style paddingTop 属性

htmlweb developmentfront end technology更新于 2025/11/25 2:20:17

DOM paddingTop 属性用于设置 HTML 元素的顶部内边距。记住，它在元素边框内插入空格。它也用于返回顶部内边距。默认值为 0。

语法

以下是语法 −

object.style.paddingTop

设置顶部内边距的语法

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

其中，% 表示顶部内边距，length 表示顶部内边距的长度(单位)，initial 用于将属性设置为默认值，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>