HTML DOM | 样式 paddingLeft 属性

在 HTML DOM 中，可以使用 paddingLeft 属性来改变元素的左内边距。此属性用于指定元素内容与其左边框之间的间距。

语法

element.style.paddingLeft

返回值

paddingLeft 属性返回一个字符串，表示元素的左内边距值。该值包括数字和单位（如像素、百分比等）。

示例

// 获取元素的左内边距
var element = document.getElementById("myElement");
var paddingLeft = element.style.paddingLeft;
console.log(paddingLeft); // "10px" (示例值)

// 设置元素的左内边距
element.style.paddingLeft = "20px";

注意事项

• paddingLeft 属性仅在使用内联样式或通过 JavaScript 修改元素样式时起作用。通过 CSS 类或外部样式表设置的样式不会反映在 paddingLeft 属性中。

• paddingLeft 属性的默认值为 "0px"。

• paddingLeft 属性可以接受各种单位，如像素、百分比、em 等。请确保正确使用适当的单位。

• paddingLeft 属性影响元素的内容区域，而不是边框或外部尺寸。

• 若要一次设置所有四个方向（上、右、下、左）的内边距，请使用 padding 属性。

更多详细信息和示例，请参阅 HTML DOM paddingLeft 属性文档。