CSS盒子模型

系统 2487 0

CSS盒子模型


语法: padding : length

参数 length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅 长度单位

说明:

检索或设置对象四边的补丁边距。
①如果提供全部四个参数值,将按 上-右-下-左 的顺序作用于四边。
②如果只提供一个,将用于全部的四条边。
③如果提供两个,第一个用于上-下,第二个用于左-右。
④如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
⑤内联对象要使用该属性,必须先设定对象的
height width 属性,或者设定 position 属性为absolute。
⑥不允许负值。


示例:

body { padding : 36pt 24pt 36pt; }
body { padding : 11.5%; }
body { padding : 10% 10% 10% 10%; }


语法: margin : auto | length

参数: auto :  值被设置为相对边的值
length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。

说明:

检索或设置对象四边的外延边距。
①如果提供全部四个参数值,将按 上-右-下-左 的顺序作用于四边。
②如果只提供一个,将用于全部的四边。
③如果提供两个,第一个用于上-下,第二个用于左-右。
④如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
⑤内联对象要使用该属性,必须先设定对象的
height width 属性,或者设定 position 属性为absolute。
⑥在IE4+,margin属性不可用于td和tr对象。
⑦外延边距始终透明。

示例:

body { margin : 36pt 24pt 36pt; }
body { margin : 11.5%; }
body { margin : 10% 10% 10% 10%; }

CSS盒子模型


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论