CSS margin-block-start Tutorial

CSS margin-block-start

The margin-block-start property defines the margin between the block's border edge and the start of the block's block container. This property only applies to block-level elements.

The value of margin-block-start can be specified using different units like px, em, %, etc.

Let's see how margin-block-start works with some examples:

Result:

This paragraph has a margin-block-start of 50px.

In the example above, the paragraph has a margin-block-start of 50px, which creates space between the top of the border edge and the start of the block container.

Result:

Cell 1

Cell 2

In this table example, the first cell has a margin-block-start of 20px, which creates space between the top of the cell's border edge and the start of the block container.