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

Описание

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

Синтаксис

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

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

Селекторы атрибутов со значениями в конце

Устанавливает стиль для элемента в том случае, если значение атрибута оканчивается указанным текстом....

Селекторы атрибутов со значениями в неопределенном месте

Возможны варианты, когда стиль следует применить к тегу с определённым атрибутом, когда частью его значения является некоторый текст. При этом точно н...

Селекторы атрибутов со значениями через пробел

Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы задать стиль при наличии в списке требуемого значения тре...

Свойство table-layout

Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на её содержимом....