padding-inline-end ගුණය
padding-inline-end ගුණය මූලද්රව්යයේ අක්ෂීය (තිරස්) අක්ෂය දිගේ
අවසාන අභ්යන්තර ඉඩ නියම කරයි.
වාක්ය රචනය
තෝරන්නා {
padding-inline-end: ප්රමාණය;
}
නිදර්ශනය
අපි දැන් ළමා මූලද්රව්යයක් සඳහා අක්ෂීය අක්ෂය දිගේ අවසාන අභ්යන්තර ඉඩ
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;
}
:
නිදර්ශනය
දැන් අපි ළමා මූලද්රව්යයක් සඳහා අක්ෂීය අක්ෂය දිගේ අවසාන අභ්යන්තර ඉඩ
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;
}
:
මෙයද බලන්න
-
padding-inline-startගුණය,
මූලද්රව්යයේ අක්ෂීය අක්ෂය දිගේ ආරම්භක අභ්යන්තර ඉඩ නියම කරයි -
padding-block-endගුණය,
මූලද්රව්යයේ බ්ලොක් අක්ෂය දිගේ අවසාන අභ්යන්තර ඉඩ නියම කරයි -
padding-block-startගුණය,
මූලද්රව්යයේ බ්ලොක් අක්ෂය දිගේ ආරම්භක අභ්යන්තර ඉඩ නියම කරයි -
paddingගුණය,
අභ්යන්තර ඉඩ නියම කරයි -
margin-bottomගුණය,
පහළින් බාහිර ඉඩ නියම කරයි -
margin-leftගුණය,
වම් පසින් බාහිර ඉඩ නියම කරයි -
margin-rightගුණය,
දකුණු පසින් බාහිර ඉඩ නියම කරයි -
marginගුණය,
බාහිර ඉඩ සඳහා කෙටි යෙදුමකි
