- 帖子
- 1008
- 主题
- 761
- 精华
- 0
- 积分
- 1794
- 贡献
- 941
- 激情
- 7771
- 阅读权限
- 100
- 最后登录
- 2020-4-28
|
HTML DOM Style 对象参考手册
& z; [" a' K0 ?/ _! U2 j- f定义和用法
% k) N9 f# \3 ?% R% s( g0 f3 kpadding 属性设置元素的内边距。
* Z" D( X. C) C# v" _+ Ppadding 属性定义元素边框与元素内容之间的空间。
$ G0 ~9 S8 f: T0 t* X& B9 k/ m该属性可采取 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 Values1 n( `# } ~6 I, W; ~( E9 \值描述
: @" P3 s9 Y( ?: e7 s+ qpadding
5 N( i8 z2 _* m7 ^/ ^5 b/ ~设置内边距。
! d% G1 c. _$ R值可以是:- 百分比(基于父对象总高度或宽度的百分比)
- 长度值(定义一个固定的边距)
- auto(浏览器设定的值)。
+ Q$ \; k, N4 ^ l) Y" N1 W
9 s6 ?" R. Z' l" ~6 R. a" u实例6 j; f& |3 h* L4 _. m. y. l) Q% v
本例改变元素的内边距:<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>
& n( z6 e3 e3 s% |; [TIYpadding - 改变元素的内边距' ?4 F6 Q5 R( I p5 ~$ Z$ z
4 X6 b4 b/ A P+ EHTML DOM Style 对象参考手册 |
|