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ගුණය,
එය මායිම සඳහා කෙටි යෙදුමකි
