Свойство padding-block
Описание
Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника по блочной оси.
Синтаксис
padding-block: [размер | проценты] {1, 4};Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.test {
background: #fc3;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
padding: 10px;
padding-block: 10%;
}
</style>
<div class='test'>
Далеко-далеко за словесными горами в стране гласных и согласных живут, рыбные тексты. Даль агентство инициал точках свой снова своих проектах маленький несколько?
</div>
</body>
</html>Читайте также
Свойство page-break-after
Добавляет разрыв страницы при печати документа после заданного элемента....
Свойство aspect-ratio
Устанавливает соотношение сторон элемента в виде отношения его ширины к высоте. aspect-ratio не оказывает влияния на размеры в следующих ситуациях:
Вывод контента после содержимого элемента
Псевдоэлемент, который используется для вывода контента после содержимого элемента, к которому он добавляется. Псевдоэлемент ::after работает совместн...
Свойство vertical-align
Выравнивает элемент по вертикали относительно своего родителя, окружающего текста или ячейки таблицы....