CSS padding-block-start

The padding-block-start property in CSS is used to set the padding of an element on the top of the content, inside the border of the element. This property is often used to create space between the content and the top border of an element.

The value of padding-block-start can be set in pixels, ems, rems, or percentages. It can also be set to the keyword initial or inherit to inherit the value from the parent element or set it to its initial value.

Let's see an example to better understand how the padding-block-start property works:

Result:


    <div style="border: 1px solid black; padding-block-start: 20px;">
      This is some text inside a div element.
    </div>

This is some text inside a div element.

In the example above, we have a div element with a 1px solid black border and a padding-block-start of 20px. This creates space between the content and the top border of the div element.