padding-inline-start ගුණය

padding-inline-start ගුණය අංගයක inline-අක්ෂය (තිරස්) දිගේ ආරම්භක අභ්‍යන්තර ඉඩ පරතරය සකසයි.

වාක්‍ය රීතිය

තෝරන්නා {
	padding-inline-start: ප්‍රමාණය;
}

උදාහරණය

දැන් අපි ළමා අංගය සඳහා inline-අක්ෂය දිගේ ආරම්භක අභ්‍යන්තර ඉඩ පරතරය 20px ලෙස සකසමු:

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

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

උදාහරණය

දැන් අපි ළමා අංගය සඳහා inline-අක්ෂය දිගේ ආරම්භක අභ්‍යන්තර ඉඩ පරතරය 20% ලෙස සකසමු:

<div>
	<p>text</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 ගුණය,
එය අංගයක inline-අක්ෂය දිගේ අවසාන අභ්‍යන්තර ඉඩ පරතරය සකසයි
padding-block-end ගුණය,
එය අංගයක block-අක්ෂය දිගේ අවසාන අභ්‍යන්තර ඉඩ පරතරය සකසයි
padding-block-start ගුණය,
එය අංගයක block-අක්ෂය දිගේ ආරම්භක අභ්‍යන්තර ඉඩ පරතරය සකසයි
padding ගුණය,
එය අභ්‍යන්තර ඉඩ පරතරය සකසයි
margin-bottom ගුණය,
එය පහළ පිටත ඉඩ පරතරය සකසයි
margin-left ගුණය,
එය වම් පස පිටත ඉඩ පරතරය සකසයි
margin-right ගුණය,
එය දකුණු පස පිටත ඉඩ පරතරය සකසයි
margin ගුණය,
එය පිටත ඉඩ පරතරය සඳහා කෙටි රටාවකි