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

Описание

Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника по строчной оси.

Синтаксис

padding-inline: [размер | проценты] {1, 2};

Пример

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

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

Пустые элементы

Представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста, пробелов или переносов строк....

Стиль последнего элемента определённого типа

Псевдокласс :last-of-type задаёт стиль последнего элемента определённого типа в группе братских элементов (имеющих одного родителя)....

Свойство transition

Универсальное свойство, которое позволяет одновременно задать значения transition-property, transition-duration, transition-timing-function и transiti...

Свойство transform

Трансформирует элемент, в частности, позволяет его масштабировать, вращать, сдвигать, наклонять, а также комбинировать виды трансформаций, перечисляя ...