margin-top

  • 版本:CSS1
  • 媒体:视觉
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

语法:

margin-top<length> | <percentage> | auto

默认值0

适用于:所有元素,除非 table | inline-table | table-caption 的表格类元素和非替代行内元素之外

继承性:无

动画性:是

计算值:指定的百分比、绝对长度或auto

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

取值:

auto:
水平(默认)书写模式下,其计算值为0
<length>
用长度值来定义外补白。可以为负值
<percentage>
用百分比来定义外补白。水平(默认)书写模式下,参照其包含块 width 进行计算,其它情况参照 height ,可以为负值

说明:

检索或设置对象顶边的外延边距。
  • 替代(Replaced)行内元素可以应用该属性。
  • 非替代(non-Replaced)行内元素要使用该属性必须先使该对象表现为块级或行内块级。
  • 外延边距始终透明。
  • 对应的脚本特性为marginTop

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+

示例: