Свойство padding-inline
Описание
Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника по строчной оси.
Синтаксис
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>Читайте также
Свойство align-items
Используется для выравнивания флекс - элементов внутри контейнера, в перпендикулярном направлении....
Функция repeating-radial-gradient()
По своему действию похож на радиальный градиент, который делается функцией radial-gradient(), и имеет с ним схожий синтаксис...
Свойство font
Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста....
Правило @keyframes
Правило @keyframes устанавливает ключевые кадры при анимации элемента. Ключевой кадр это свойства элемента (прозрачность, цвет, положение и др.), кото...