css CSS |页边距顶端属性

CSS |页边距顶端属性

原文:https://www.geeksforgeeks.org/css-margin-top-property/

CSS 中的上边距属性用于设置元素的上边距。它设置元素顶部的边距区域。上边距属性的默认值为 0。

语法:

margin-top: length|auto|initial|inherit;

属性值:

length: It is used to specify the length of margin with a fixed value. This value can be positive, negative or zero.

语法:

html margin-top: length;

示例:

```html <!DOCTYPE html>
        margin-top property
                     p {                 margin-top:50px;                 background-color:green;             }


            This paragraph has 50px top margin .
                          ```
输出:
percentage (%): It is used to specify the amount of margin as a percentage relative to the width of the containing element.

语法:

html margin-top: %;

示例:

```html <!DOCTYPE html>
        margin-top property
                     p {                 margin-top:5%;                 background-color:green;             }


            This paragraph has 5% top margin .
                          ```
输出:
auto: This property is used when margin-top is determined by the browser.

语法:

html margin-top: auto;

示例:

```html <!DOCTYPE html>
        margin-top property
                     h3 {                 margin-top:auto;                 background-color:green;             }


            margin-top: auto;
                          ```
输出:
initial It is used to set margin-top property to its default value.

语法:

html margin-top: initial;

示例:

```html <!DOCTYPE html>
        margin-top property
                     h3 {                 margin-top:initial;                 background-color:green;             }


            margin-top: initial;
                          ```
输出:
inherit: It is used when margin-top property is inherited from its parent.

语法:

html margin-top: inherit;

示例:

```html <!DOCTYPE html>
        margin-top property
                     .gfg {                 margin-top:100px;             }             h3 {                 margin-top:inherit;                 background-color:green;             }


                margin-top: inherit;

                          ```
输出: