පැකිඟින්-බ්ලොක්-ස්ටාට් ගුණාංගය
padding-block-start ගුණාංගය මූලද්රව්යයක ආරම්භක අභ්යන්තර ඉඩ
බ්ලොක් (සිරස්) අක්ෂය දිගේ නියම කරයි.
වාක්ය රචනය
තේරුම් ගන්නා යන්ත්රය {
padding-block-start: ප්රමාණය;
}
නිදසුන
අපි දැන් උප මූලද්රව්යයක් සඳහා බ්ලොක් අක්ෂය දිගේ ආරම්භක අභ්යන්තර ඉඩ
20px ලෙස සකසමු:
<div>
<p>text</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>text</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ගුණාංගය,
පිටත ඉඩ සඳහා කෙටි අංකනයකි
