时 间 记 忆
最 新 评 论
专 题 分 类
最 新 日 志
最 新 留 言
搜 索
用 户 登 录
友 情 连 接
博 客 信 息


 
Padding 属性中参数个数的定义
[ 2007-7-23 17:18:00 | By: KingWY ]
 
一直都对CSS中Padding 属性中参数个数的定义颇为困惑,例如:
body { padding: 36px;}
body { padding: 36px 24px; }
body { padding: 36px 24px 18px; }
body { padding: 36px 24px 18px 12px; }


今天查看了CSS的标准文档,其中是这样规定的:
如果只提供一个,将用于全部的四条边;
如果提供两个,第一个用于上-下,第二个用于左-右;
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下;
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。

body { padding: 36px;}                               //对象四边的补丁边距均为36px
body { padding: 36px 24px; }                      //上下两边的补丁边距为36px,左右两边的补丁边距为24px
body { padding: 36px 24px 18px; }              //上、下两边的补丁边距分别为36px、18px,左右两边的补丁边距为24px
body { padding: 36px 24px 18px 12px; }      //上、右、下、左补丁边距分别为36px、24px、18px、12px
 
  • 标签:Padding 
  • 发表评论: