Свойство padding-block-end - конечный внутренний отступ элемента по блочной оси в CSS
Свойство padding-block-end задает конечный внутренний отступ
элемента по блочной (вертикальной) оси.
Синтаксис
селектор {
padding-block-end: размер;
}
Пример
Давайте установим конечный внутренний отступ для дочернего
элемента по блочной оси на 20px:
<div>
<p>text</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-block-end: 20px;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Пример
А теперь давайте установим конечный внутренний отступ для дочернего
элемента по блочной оси на 20%:
<div>
<p>text</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-block-end: 20%;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Смотрите также
-
свойство
padding-block-start,
которое задает начальный внутренний отступ элемента по блочной оси -
свойство
padding-inline-end,
которое задает конечный внутренний отступ элемента по строчной оси -
свойство
padding-inline-start,
которое задает начальный внутренний отступ элемента по строчной оси -
свойство
padding,
которое задает внутренний отступ -
свойство
margin-bottom,
которое задает внешний отступ снизу -
свойство
margin-left,
которое задает внешний отступ слева -
свойство
margin-right,
которое задает внешний отступ справа -
свойство
margin,
которое является сокращением для внешнего отступа