CSS padding-block-end property

Description

It is a logical property that defines space at the end of content inside a block. The selection of start side depends on the writing-mode.

  • It behaves like padding-bottom for the horizontal-tb writing mode.

  • It behaves like padding-right or padding-left for the vertical-lr and vertical-rl writing-mode respectively.

Change the direction of flow of text.

horizontal-tb vertical-lr vertical-rl

Syntax

padding-block-end : +ve length

Property values

0 lengthDefault

There is no space at the end of content inside a box.

padding-block-end: 0;

+ve length

+ve value represents space at the end of content inside a box.

padding-block-end: 20px;

Applicable to

It applies to all elements

From web4college, the free CSS digger

#CSS digger
Was this article helpful?

 
Check the behavior of padding-block-end for different values of writing mode.
▾
×

Ctrl+D