HTML DOM padding 屬性的定義和用法
作者：admin
HTML DOM padding 屬性的用法你是否了解，這里向大家簡單描述一下，padding 屬性定義元素邊框與元素內(nèi)容之間的空間。
本文和大家重點(diǎn)討論一下HTML DOM padding 屬性的用法， padding 屬性主要用來設(shè)置元素的內(nèi)邊距，它定義元素邊框與元素內(nèi)容之間的空間。
HTML DOM padding 屬性
定義和用法
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。
語法：
- Object.style.padding=paddingPossible Values
Possible Values
實(shí)例
本例改變元素的內(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屬性的定義和使用
- 實(shí)例解析CSS padding 屬性用法
- 解析CSS中padding-left屬性用法
- CSS教程：詳解margin和padding屬性應(yīng)用場合
- 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法
責(zé)任編輯：佚名
來源：
w3school.com.cn
