现在的位置: 首页 > web前端 > 正文

marginbottom属性简介

2020年07月20日 web前端 ⁄ 共 1236字 ⁄ 字号 评论关闭

  margin-bottom是CSS的属性,所有主流浏览器都支持margin-bottom属性。margin,是CSS语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度。


  marginbottom简介


  margin-bottom


  语法编辑


  margin-bottom:[||auto]{1,4}


  默认值:0


  相关属性:[margin]||[margin-top]||[margin-right]||[margin-left]


  取值编辑


  auto:


  值被设置为相对边的值


  <length>:


  用长度值来定义外补白。可以为负值


  <percentage>:


  用百分比来定义外补白。可以为负值


  说明编辑


  检索或设置对象底边的外延边距。


  内联对象要使用该属性必须先使该对象表现为块级或内联块级。


  外延边距始终透明。


  对应的脚本特性为marginBottom。


  marginbottom简洁写法


  margin跟padding一样,也有简洁写法。我们可以使用margin属性来设置四个方向的外边距。在实际编程中,我们往往使用的是margin的这种高效简洁写法来编程。


  margin写法有4种,分别如下:


  margin:像素值1;


  margin:像素值1像素值2;


  margin:像素值1像素值2像素值3;


  margin:像素值1像素值2像素值3像素值4;


  以上四个位置按顺序分别为:margin-top--margin-right--margin-bottom--margin-left,即“上-右-下-左”。以下简写为top--right--bottom--left。其中需要注意的是后三种情况,当有像素值缺省时,浏览器会自动对缺省像素按照“bottom=top”和“left=right”的方法进行赋值。


  例如:


  “margin:20px;”表示四个方向的外边距都是20px;


  “margin:20px40px;”表示top为20px,right为40px;由于bottom和left缺省,所以自动将它们分别设为20px和40px。转化为第4种写法为:“margin:20px40px20px40px;”。


  “margin:20px40px60px;”表示top为20px,right为40px,bottom为60px;由于left缺省,所以自动将它设为40px。转化为第4种写法为:“margin:20px40px60px40px;”。


  需要注意的是一种情况不能写为缺省写法:“margin:20px40px20px60px;”。该例中,由于top和bottom相同,但right和left不同,所以不能将bottom缺省,否则会等同于“margin:20px40px60px40px;”。


  总之,marginbottom给大家简单的介绍了一些,希望大家多看看。

【上篇】
【下篇】

抱歉!评论已关闭.