თვისება 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,
რომელიც არის შემოკლება გარე მანძილისთვის