CSS margin-bottom属性使用秘诀

开发 前端
本文向大家描述一下CSS margin-bottom属性的用法,margin-bottom属性设置元素的下外边距,并且允许使用负值,希望本文介绍对你有所帮助。

你对CSS margin-bottom属性的用法是否熟悉,这里和大家分享一下,margin-bottom属性主要用来设置元素的下外边距,请看下文详细介绍。

CSS margin-bottom属性

定义

margin-bottom属性设置元素的下外边距。

注释:允许使用负值。

继承性:NO

JavaScript语法

CSS属性也可通过一段JavaScript被动态地改变。

脚本语法:

object.style.marginBottom="32px"例子四个边距均为10px:

  1. h1{  
  2.  margin-bottom:10px;  
  3. }  
  4.  
  5. h1{  
  6.  margin-bottom:-20px;  
  7. }  

顶边距和底边距为10px,左边距和右边距是父元素宽度的2%:

h1{margin:10px2%;}顶边距为10px,左边距和右边距是父元素宽度的2%,底边距是-10px:

h1{margin:10px2%-10px;}顶边距为10px,右边距是父元素宽度的2%,底边距是-10px,而左边距由浏览器设置:

h1{margin:10px2%-10pxauto;}

可能的值

【编辑推荐】

  1. CSS元素水平居中行之有效的办法
  2. IE6.0对padding的解读分析
  3. CSS样式表高效使用八大秘诀
  4. CSS overflow溢出属性
  5. IE6中常见CSS兼容性解决十大技巧

 

责任编辑:佚名 来源: w3school.com.cn
相关推荐

2010-08-25 10:53:04

CSSmargin-bott

2010-08-25 09:48:25

CSSmargin

2010-08-30 12:54:59

CSSmargin

2010-09-08 14:00:08

marginCSS

2010-08-23 08:53:04

CSSmargin外边距

2010-08-26 10:08:50

CSSmargin

2010-08-25 09:30:56

marginCSS

2010-08-25 10:21:49

CSSmargin

2010-08-23 13:40:46

CSSpadding-bot

2010-08-25 10:10:30

CSSmargin

2010-08-24 13:14:36

CSSmargin

2010-08-25 09:25:13

CSSmargin

2010-09-03 10:31:31

CSSmargin

2010-08-23 09:16:21

CSSpadding-bot

2010-08-23 09:11:18

padding-bot

2010-08-27 11:10:30

CSSmargin

2010-09-06 11:02:59

CSSmargin

2010-08-31 08:51:58

marginCSS

2010-08-25 10:38:35

margin-leftCSS

2010-09-03 10:43:05

CSSmargin
点赞
收藏

51CTO技术栈公众号