css方框属性是干什么的,CSS方框属性

c4468b3f4df77e96b0a416fa2a870fba.png

上边界

语法: margin-top:

允许值: | | auto

初始值: 0

适用于: 所有元素

向下兼容: 否

上边界属性用一个指定的长度或百分比值来设置元素的上边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如,以下的规则将消除文件的上边界。

BODY { margin-top: 0 }

注意如果边界在垂直方向邻接(重叠)了,会改用其中最大的那个边界值。

右边界

语法: margin-right:

允许值: | | auto

初始值: 0

适用于: 所有元素

向下兼容: 否

右边界属性用一个指定的长度或百分比值来设置元素的右边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

P.narrow { margin-right: 50% }

注意如果边界在水平方向邻接(重叠)了,不会改用其它边界值。

下边界

语法: margin-bottom:

允许值: | | auto

初始值: 0

适用于: 所有元素

向下兼容: 否

下边界属性用一个指定的长度或百分比值来设置元素的下边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

DT { margin-bottom: 3em }

注意如果边界在垂直方向邻接(重叠)了,会改用其中最大的那个边界值。

左边界

语法: margin-left:

允许值: | | auto

初始值: 0

适用于: 所有元素

向下兼容: 否

左边界属性用一个指定的长度或百分比值来设置元素的左边界。百分比值参考上级元素的宽度。允许使用负值边际。

例如:

ADDRESS { margin-left: 50% }

注意如果边界在水平方向邻接(重叠)了,不会改用其它边界值。

边界

语法: margin:

允许值: [ | | auto ]{1,4}

初始值: 未定义

适用于: 所有元素

向下兼容: 否

边界属性用一到四个值来设置元素的边界,每个值都是长度、百分比或者自动。百分比值参考上级元素的宽度。允许使用负值边际。

如果四个值都给出了,它们分别被应用于上、右、下和左边界。如果只给出一个值,它被应用于所有边界。如果两个或三个值给出了,省略了的值与对边相等。

边界声明包括以下例子:

BODY { margin: 5em } /* 所有边界设为5em */

P { margin: 2em 4em } /* 上和下边界为2em,左和右边界为4em */

DIV { margin: 1em 2em 3em 4em } /* 上边界为1em,右边界为2em,下边界为3em,左边界为4em */

注意如果边界在垂直方向邻接(重叠)了,会改用其中最大的那个边界值。而水平方向则不会。

使用边界属性可以一次性地设置所有边界;也可以选择使用上边界、下边界、左边界和右边界属性。

上补白

语法: padding-top:

允许值: |

初始值: 0

适用于: 所有对象

向下兼容: 否

上补白属性描述上边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

右补白

语法: padding-right:

允许值: |

初始值: 0

适用于: 所有对象

向下兼容: 否

右补白属性描述右边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

下补白

语法: padding-bottom:

允许值: |

初始值: 0

适用于: 所有对象

向下兼容: 否

下补白属性描述下边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

左补白

语法: padding-left:

允许值: |

初始值: 0

适用于: 所有对象

向下兼容: 否

左补白属性描述左边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

补白

语法: padding:

允许值: [ |

初始值: 0

适用于: 所有对象

向下兼容: 否

补白属性是上补白、右补白、下补白和左补白属性的略写。

一个元素的补白是边框和元素的内容之间的间隔的数值。可以给出从一到四的值,每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。

如果四个值都给出了,它们分别应用于上、右、下和左补白。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。

例如,以下的规则设置上补白为2em,右补白为4em,下补白为5em,左补白为4em:

BLOCKQUOTE { padding: 2em 4em 5em }

上边框宽度

语法: border-top-width:

允许值: thin | medium | thick |

初始值: medium

适用于: 所有对象

向下兼容: 否

上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。

也可以用在上边框、边框的宽度或边框的属性略写。

右边框宽度

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com

特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值