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




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

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




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