HTML DOM padding 屬性的定義和用法
作者：admin
HTML DOM padding 屬性的用法你是否了解，這里向大家簡單描述一下，padding 屬性定義元素邊框與元素內(nèi)容之間的空間。
本文和大家重點討論一下HTML DOM padding 屬性的用法， padding 屬性主要用來設(shè)置元素的內(nèi)邊距，它定義元素邊框與元素內(nèi)容之間的空間。
HTML DOM padding 屬性
定義和用法
padding 屬性設(shè)置元素的內(nèi)邊距。
padding 屬性定義元素邊框與元素內(nèi)容之間的空間。
該屬性可采取 4 個值：
如果規(guī)定一個值，比如 div {padding: 50px} - 所有四個邊的 padding 都是 50 px。
如果規(guī)定兩個值，比如 div {padding: 50px 10px} - 上下內(nèi)邊距是 50 px，左右內(nèi)邊距是 10 px。
如果規(guī)定三個值，比如 div {padding: 50px 10px 20px} - 上內(nèi)邊距是 50 px，左右內(nèi)邊距是 10 px，下內(nèi)邊距是 20 px。
如果規(guī)定四個值，比如 div {padding: 50px 10px 20px 30px} - 上內(nèi)邊距是 50 px，右內(nèi)邊距是 10 px，下內(nèi)邊距是 20 px，左內(nèi)邊距是 30 px。
語法：
- Object.style.padding=paddingPossible Values
Possible Values
實例
本例改變元素的內(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>
【編輯推薦】
- CSS padding-left屬性的定義和使用
- 實例解析CSS padding 屬性用法
- 解析CSS中padding-left屬性用法
- CSS教程：詳解margin和padding屬性應用場合
- 實現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法
責任編輯：佚名
來源：
w3school.com.cn
