Свойство 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>Читайте также
Свойство text-stroke-color
Устанавливает цвет контура вокруг букв и символов текста....
Стиль заблокированных элементов форм
Псевдокласс :disabled используется для применения стиля к заблокированным элементам форм. Такие элементы не могут получить ф...
Свойство line-height
Определяет минимальную высоту строки текста для блочных элементов. Для внедряемых строчных элементов свойство не оказывает никакого эффекта. Для остал...
initial
Значение применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, зада...