Свойство padding-block-start | CSS-справочник

Описание

Определяет начальный внутренний отступ элемента по блочной оси. В зависимости от значения свойства writing-mode, свойство padding-block-end может соответствовать свойству padding-bottom, padding-right, padding-left.

Синтаксис

padding-block-start: размер | проценты;

Пример

<!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-end: 10%;
padding-block-start: 5%;
 }
 </style>
 <div class='test'>
 Далеко-далеко за словесными горами в стране гласных и согласных живут, рыбные тексты. Даль агентство инициал точках свой снова своих проектах маленький несколько?
 </div>
</body>
</html>

Читайте также

Функция radial-gradient()

Функция добавляет радиальный градиент к фону элемента. Радиальные по своему принципу похожи на линейные градиенты, но один цвет переходит в другой не ...

Свойство empty-cells

Указывает, как должна оторажаться граница или фон в ячейке, если она пустая.

Ячейка считается пустой в следующих случаях:

- нет вообще н...

Свойство flex-basis

Определяет основу флекса, которая является начальным размером элемента. Похоже на свойства width и height, к которым добавляется содержимое элемента....

Стиль пройденного проверку поля формы

Применяется к полям формы, содержимое которых проходит проверку в браузере на соответствие указанному типу. Например, для type='num...