您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM padding 屬性

HTML DOM padding 屬性

此節(jié)有 233 人學(xué)習(xí)過(guò) 參與評(píng)論

HTML DOM Style 對(duì)象

定義和用法

padding 屬性設(shè)置元素的內(nèi)邊距。

padding 屬性定義元素邊框與元素內(nèi)容之間的空間。

該屬性可采取 4 個(gè)值：

如果規(guī)定一個(gè)值，比如 div {padding: 50px} - 所有四個(gè)邊的 padding 都是 50 px。
如果規(guī)定兩個(gè)值，比如 div {padding: 50px 10px} - 上下內(nèi)邊距是 50 px，左右內(nèi)邊距是 10 px。
如果規(guī)定三個(gè)值，比如 div {padding: 50px 10px 20px} - 上內(nèi)邊距是 50 px，左右內(nèi)邊距是 10 px，下內(nèi)邊距是 20 px。
如果規(guī)定四個(gè)值，比如 div {padding: 50px 10px 20px 30px} - 上內(nèi)邊距是 50 px，右內(nèi)邊距是 10 px，下內(nèi)邊距是 20 px，左內(nèi)邊距是 30 px。

語(yǔ)法：

Object.style.padding=padding

Possible Values

值	描述
padding	設(shè)置內(nèi)邊距。值可以是：百分比（基于父對(duì)象總高度或?qū)挾鹊陌俜直龋?/li> 長(zhǎng)度值（定義一個(gè)固定的邊距） auto（瀏覽器設(shè)定的值）。

值

描述

padding

設(shè)置內(nèi)邊距。

值可以是：

百分比（基于父對(duì)象總高度或?qū)挾鹊陌俜直龋?/li>
長(zhǎng)度值（定義一個(gè)固定的邊距）
auto（瀏覽器設(shè)定的值）。

實(shí)例

本例改變?cè)氐膬?nèi)邊距：

<html>
<head>
<style type="text/css">
p
{ 
border: thin dotted #FF0000;
}
</style>
<script type="text/javascript">
function changePadding()
{
document.getElementById("p1").style.padding="2cm";
}
</script>
</head>
<body>

<input type="button" onclick="changePadding()"
value="Change padding" />

<p id="p1">This is a paragraph</p>

</body>
</html>