თვისება padding-block-end

თვისება padding-block-end ადგენს ელემენტის ბლოკურ (ვერტიკალურ) ღერძზე დასასრულ შიდა დაშორებას.

სინტაქსი

სელექტორი {
	padding-block-end: ზომა;
}

მაგალითი

დავსახოთ შვილობილი ელემენტის ბლოკურ ღერძზე დასასრული შიდა დაშორება 20px-ზე:

<div>
	<p>ტექსტი</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-block-end: 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-block-end: 20%;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

იხილეთ აგრეთვე

თვისება padding-block-start,
რომელიც ადგენს ელემენტის ბლოკურ ღერძზე დასაწყისი შიდა დაშორებას
თვისება padding-inline-end,
რომელიც ადგენს ელემენტის სტრიქონულ ღერძზე დასასრულ შიდა დაშორებას
თვისება padding-inline-start,
რომელიც ადგენს ელემენტის სტრიქონულ ღერძზე დასაწყისი შიდა დაშორებას
თვისება padding,
რომელიც ადგენს შიდა დაშორებას
თვისება margin-bottom,
რომელიც ადგენს გარე დაშორებას ქვემოდან
თვისება margin-left,
რომელიც ადგენს გარე დაშორებას მარცხნიდან
თვისება margin-right,
რომელიც ადგენს გარე დაშორებას მარჯვნიდან
თვისება margin,
რომელიც გარე დაშორების შემოკლებული ფორმაა