元素边距: padding (元素的外边距)

文章编号：1706 / 更新时间：2024-12-30 16:03:34 / 浏览：次
padding

定义

pAdding（内边距）是一个 CSS 属性，用于设置元素内容与元素边框之间的空间。它在元素的四条边（顶部、右侧、底部、左侧）上起作用。

语法

padding: [top] [right] [bottom] [left];

其中：top：设置元素上边距right：设置元素右边距bottom：设置元素下边距left：设置元素左边距如果只指定一个值，则它将应用于所有边。例如，`padding: 10px;` 将在元素的所有四条边上设置一个 10px 的内边距。

单位

paddingpadding: 10px;}

设置顶部和底部边距为 20px，左右边距为 10px

  .element {padding: 20px 10px;}

设置上边距为 30%，下边距为 20%，左右边距为 15%

  .element {padding: 30% 15% 20% 15%;}

兼容性

padding 属性在所有主流浏览器中都得到支持。

补充说明

padding 与 `Margin`（外边距）类似，但它们是不同的属性。padding 设置元素内容与边框之间的空间，而 margin 设置元素边框与其他元素之间的空间。padding 可以用于在元素周围创建空白区域，从而控制元素的内容相对于周围元素的位置。负 padding 值可以将元素的内容延伸到其边框之外。