$7.49 .com domain with free InstantPage Website Builder$1.99 Web Hosting   捷飞网络官方淘宝店   Godaddy 优惠码
返回列表 发帖
分享到:




[HTML/CSS] 基础知识 HTML DOM padding 属性

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 对象参考手册

美国VPS、域名代购:http://tu8l.taobao.com

返回列表
Namecheap
Namecheap.com - Cheap domain name registration, renewal and transfers - Free SSL Certificates - Web Hosting
互联网安全