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

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

სინტაქსი

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

მაგალითი

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

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

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

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

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