Свойство 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>Читайте также
Свойство white-space
Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб...
Родственные селекторы
Родственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в отличие от них стилевые правила применяются ко всем б...
Применяется к дочернему элементу указанного типа
Применяет стилевые правила к элементу input, у которого не задан атрибут required, он позволяет выделять поля обязательные к заполнению перед отправко...
Стили поля с неверными значениями, выходящими из заданного диапазона
Применяется к полям форм, у которых введённое пользователем значение выходит из заданного диапазона. Псевдокласс работает только для тех полей, где по...