From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/css/margin-top/index.html | 145 ++++++++++++++++++++++++++++++ 1 file changed, 145 insertions(+) create mode 100644 files/zh-cn/web/css/margin-top/index.html (limited to 'files/zh-cn/web/css/margin-top') diff --git a/files/zh-cn/web/css/margin-top/index.html b/files/zh-cn/web/css/margin-top/index.html new file mode 100644 index 0000000000..931872da2b --- /dev/null +++ b/files/zh-cn/web/css/margin-top/index.html @@ -0,0 +1,145 @@ +--- +title: margin-top +slug: Web/CSS/margin-top +translation_of: Web/CSS/margin-top +--- +
{{CSSRef}}
+ +

Summary

+ +

The effect of the CSS margin-top property on the element box margin-top 属性用来设置元素的顶部外边距，你也可以使用负值。

+ +

这个属性对于不可替换的inline元素没有效果,比如 {{HTMLElement("tt")}} 或者 {{HTMLElement("span")}}.

+ +

{{cssinfo}}

+ +

Syntax

+ +
/* <length> values */
+margin-top: 10px;        /* 绝对长度 */
+margin-top: 1em;         /*相对于字体大小 */
+margin-top: 5%;          /*相对于最相邻的父级元素块（block）的宽度*/
+
+/* Keyword values */
+margin-top: auto;
+
+/* Global values */
+margin-top: inherit;
+margin-top: initial;
+margin-top: unset;
+
+ +

Values

+ +
+
<length>
+
设置固定长度 参考{{cssxref("<length>")}} 来查看合适的值.
+
<percentage>
+
百分比值{{cssxref("<percentage>")}} 总是相对于 父元素块的宽度
+
auto
+
参考 {{cssxref("margin")}}.
+
+ +

Formal syntax

+ +
{{csssyntax}}
+ +

示例

+ +
.content { margin-top:   5%; }
+.sidebox { margin-top: 10px; }
+.logo    { margin-top: -5px; }
+#footer  { margin-top:  1em; }
+
+ +

说明

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSS3 Box', '#the-margin', 'margin-top')}}{{Spec2('CSS3 Box')}}无改动
{{SpecName('CSS3 Transitions', '#animatable-css', 'margin-top')}}{{Spec2('CSS3 Transitions')}}定义 margin-top 为可动画的属性.
{{SpecName('CSS2.1', 'box.html#margin-properties', 'margin-top')}}{{Spec2('CSS2.1')}}去除了在inline元素的效果。
{{SpecName('CSS1', '#margin-top', 'margin-top')}}{{Spec2('CSS1')}}最初定义了该属性
+ +

浏览器兼容性

+ +

{{CompatibilityTable()}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.0{{CompatGeckoDesktop("1")}}3.03.51.0 (85)
auto value1.0{{CompatGeckoDesktop("1")}}6.0 (strict mode)3.51.0 (85)
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support1.0{{CompatGeckoMobile("1")}}6.06.01.0
+
-- cgit v1.2.3-54-g00ecf