- 帖子
- 1008
- 主题
- 761
- 精华
- 0
- 积分
- 1794
- 贡献
- 941
- 激情
- 7771
- 阅读权限
- 100
- 最后登录
- 2020-4-28
|
HTML DOM Style 对象参考手册$ g' j; W$ h1 f# j `# E5 A
定义和用法
- F, K1 [" d0 opadding 属性设置元素的内边距。
2 Z+ b8 k W- ?4 }. T' Tpadding 属性定义元素边框与元素内容之间的空间。
8 l% c- T+ ]) p) k& }2 [该属性可采取 4 个值:- 如果规定一个值,比如 div {padding: 50px} - 所有四个边的 padding 都是 50 px。
- 如果规定两个值,比如 div {padding: 50px 10px} - 上下内边距是 50 px,左右内边距是 10 px。
- 如果规定三个值,比如 div {padding: 50px 10px 20px} - 上内边距是 50 px,左右内边距是 10 px,下内边距是 20 px。
- 如果规定四个值,比如 div {padding: 50px 10px 20px 30px} - 上内边距是 50 px,右内边距是 10 px,下内边距是 20 px,左内边距是 30 px。
语法:Object.style.padding=paddingPossible Values" E9 ?6 s$ O- V$ l* h( K
值描述
+ M0 R% {7 e' O* hpadding4 ?8 @; w8 i5 g
设置内边距。9 u+ p+ ~$ G N6 ?. z; \
值可以是:- 百分比(基于父对象总高度或宽度的百分比)
- 长度值(定义一个固定的边距)
- auto(浏览器设定的值)。
8 q% \" R/ z) B8 c5 }
5 \, f- f9 o( e实例% p V; o- o) y; X
本例改变元素的内边距:<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"value="Change padding" /><p id="p1">This is a paragraph</p></body></html>' W2 h; V" t9 P5 `8 @
TIYpadding - 改变元素的内边距
9 U$ m, H, V/ m/ s( s- a3 H9 M- z- [5 f6 c; ~. [' O1 M- m3 r ]
HTML DOM Style 对象参考手册 |
|