Svojstvo padding-inline-end

Svojstvo padding-inline-end postavlja krajnji unutrašnji odstup elementa po inline (horizontalnoj) osi.

Sintaksa

selektor {
	padding-inline-end: veličina;
}

Primer

Hajde da postavimo krajnji unutrašnji odstup za podređeni element po inline osi na 20px:

<div>
	<p>text</p>
</div>

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

Primer

A sada hajde da postavimo krajnji unutrašnji odstup za podređeni element po inline osi na 20%:

<div>
	<p>text</p>
</div>

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

Pogledajte takođe

svojstvo padding-inline-start,
koje postavlja početni unutrašnji odstup elementa po inline osi
svojstvo padding-block-end,
koje postavlja krajnji unutrašnji odstup elementa po block osi
svojstvo padding-block-start,
koje postavlja početni unutrašnji odstup elementa po block osi
svojstvo padding,
koje postavlja unutrašnji odstup
svojstvo margin-bottom,
koje postavlja spoljašnji odstup odozdo
svojstvo margin-left,
koje postavlja spoljašnji odstup sa leve strane
svojstvo margin-right,
koje postavlja spoljašnji odstup sa desne strane
svojstvo margin,
koje je skraćenica za spoljašnji odstup