Omadus padding-inline-start

Omadus padding-inline-start määrab elemendi sisemise algpaddise piki ridade (horisontaalset) suunda.

Süntaks

selektor {
	padding-inline-start: suurus;
}

Näide

Määrame lapselemendi sisemise algpaddise piki ridade suunda väärtusele 20px:

<div>
	<p>tekst</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-inline-start: 20px;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

Näide

Ja nüüd määrame lapselemendi sisemise algpaddise piki ridade suunda väärtusele 20%:

<div>
	<p>tekst</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-inline-start: 20%;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

Vaata ka

omadus padding-inline-end,
mis määrab elemendi sisemise lõpp-paddise piki ridade suunda
omadus padding-block-end,
mis määrab elemendi sisemise lõpp-paddise piki plokkide suunda
omadus padding-block-start,
mis määrab elemendi sisemise algpaddise piki plokkide suunda
omadus padding,
mis määrab sisemise paddise
omadus margin-bottom,
mis määrab välise paddise alt
omadus margin-left,
mis määrab välise paddise vasakult
omadus margin-right,
mis määrab välise paddise paremalt
omadus margin,
mis on lühend välise paddise jaoks