Уласцівасць padding-inline-start
Уласцівасць padding-inline-start
задае пачатковы ўнутраны адступ
элемента па радковай (гарызантальнай) восі.
Сінтаксіс
селектар {
padding-inline-start: памер;
}
Прыклад
Давайце ўсталюем пачатковы ўнутраны адступ для даччынага
элемента па радковай восі на 20px
:
<div>
<p>тэкст</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-start: 20px;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Прыклад
А цяпер давайце ўсталюем пачатковы ўнутраны адступ для даччынага
элемента па радковай восі на 20%
:
<div>
<p>тэкст</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-start: 20%;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Глядзіце таксама
-
уласцівасць
padding-inline-end
,
якая задае канчатковы ўнутраны адступ элемента па радковай восі -
уласцівасць
padding-block-end
,
якая задае канчатковы ўнутраны адступ элемента па блачнай восі -
уласцівасць
padding-block-start
,
якая задае пачатковы ўнутраны адступ элемента па блачнай восі -
уласцівасць
padding
,
якая задае ўнутраны адступ -
уласцівасць
margin-bottom
,
якая задае вонкавы адступ знізу -
уласцівасць
margin-left
,
якая задае вонкавы адступ злева -
уласцівасць
margin-right
,
якая задае вонкавы адступ справа -
уласцівасць
margin
,
якая з'яўляецца скарачэннем для вонкавага адступу