margin-top
The margin-top property sets the top margin of an element.
Formal Syntax
<length-percentage> | auto | <anchor-size()>
JavaScript Access
// Access via element.style
element.style.marginTop = '0';
Logical Property Group
This property belongs to the margin logical property group, which includes:
- margin-block-end
- margin-block-start
- margin-bottom
- margin-inline-end
- margin-inline-start
- margin-left
- margin-right
- margin-top (current property)
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| margin-top | 1 | 1 | 1 | 12 |
| anchor-size | 132 | 147 | 26 | 132 |
| auto | 1 | 1 | 1 | 12 |
Related Properties
- aspect-ratio
- block-size
- box-decoration-break
- box-sizing
- contain-intrinsic-block-size
- contain-intrinsic-height
- contain-intrinsic-inline-size
- contain-intrinsic-size
- contain-intrinsic-width
- dynamic-range-limit
- height
- inline-size
- margin
- margin-block
- margin-block-end
- margin-block-start
- margin-bottom
- margin-inline
- margin-inline-end
- margin-inline-start
- margin-left
- margin-right
- max-block-size
- max-height
- max-inline-size
- max-width
- min-block-size
- min-height
- min-inline-size
- min-width
- overflow-clip-margin
- padding
- padding-block
- padding-block-end
- padding-block-start
- padding-bottom
- padding-inline
- padding-inline-end
- padding-inline-start
- padding-left
- padding-right
- padding-top
- width
- interpolate-size ๐งช
- margin-trim ๐งช
- margin-break ๐ง
- max-lines ๐ง
- min-intrinsic-sizing ๐ง
- overflow-clip-margin-block ๐ง
- overflow-clip-margin-block-end ๐ง
- overflow-clip-margin-block-start ๐ง
- overflow-clip-margin-bottom ๐ง
- overflow-clip-margin-inline ๐ง
- overflow-clip-margin-inline-end ๐ง
- overflow-clip-margin-inline-start ๐ง
- overflow-clip-margin-left ๐ง
- overflow-clip-margin-right ๐ง
- overflow-clip-margin-top ๐ง