Login
网站首页 > 文章中心 > 其它

padding四个值的顺序_padding两个值的顺序

作者:小编 更新时间:2023-07-23 11:49:41 浏览量:383人看过

padding:

0px

0px;

按顺枝埋友伏序分别表示上填充、右填充、下填充、左填充猛告蚂为0px。

对应着

padding-top:0px;

padding-right:0px;

padding-bottom:0px;

padding-left:0px;

这个简写属性设置元素所有内边距的宽答伍掘度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距清核又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

上边的

padding

5px,右边的

10px,下边的

15px,而左边的

20px,那么就需要全部定义,语法为:padding:

5px

10px

15px

20px

补充:

不橘拦好意思,上面一个地方字打错了:

margin 外边距 单元模块嫌竖段和纤启另外单元模块之间的距离

padding 内边距 块内元素芹誉和块框之间的距离

padding:0px 上下左右都为0

padding:0px 1px 上下为0,左右为1

padding:0px 1px 2px 上或凳为0,左派数右为1 ,下为2

padding :0px 1px 2px 3px 上为0,右为衫羡旅1,下为2,左为3

按顺序依次是上内边距,右内边距,下内边距,坐内边距

padding是给元轮拍宽素添加腊亮内边距

顺序是:上右下左

上:padding-top

右:padding-right

下:padding-bottom

左: padding-left

例如:贺袜我们在CSS中一个名为box的DIV添加10px内边距,可以写成.box{padding:10px;}

顶 右 底 左

四个为: 上 右 下 左 3个数值为 上 左右 下

padding:5px;就是上下左右都为5;

padding:0px,5px;就敏橘是上下为0,左右为5;

padding:10px 5px 15px;就是上位10,左右为5,迅伏下为15;

padding:0px,5px,10px,15px;就是上为0,右为5,亩拿携下为10,左为15,

padding的顺序是顺时针方向的

网友们,Padding:上 右 下 左。基本上内边距与外边距都是册搜饥这么用的。记得数字后面要加单位州返漏没的哦。

希望我的回答对你有帮助。

按照闭袭 上右 下 左 的顺序 转一圈

附带送你几句,1、上面的少了单位,

2、如果只设置3个数字,那左右相等,就是第四个数等于第2个芹态颂数

3、如果只有2个数字,那在2的基础上再加上上下相等,即第三个嫌郑数等于第一个数

4、如果只有一个数,上下左右全相等

以上就是土嘎嘎小编大虾米为大家整理的padding四个值的顺序_padding两个值的顺序相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章