padding ගුණය

padding ගුණය මූලද්‍රව්‍යයේ අභ්‍යන්තර ඉඩ සකසයි. ගුණයේ අගය ලෙස ඕනෑම ප්‍රමාණ සඳහා ඒකක භාවිතා කළ හැක. පෙරනිමියෙන්, සෑම බ්‍රවුසරයක්ම මූලද්‍රව්‍යවලට විවිධ ඉඩ එක් කළ හැක. මෙම ගුණය පහත ගුණ සඳහා කෙටි අනුවකි padding-top, padding-right, padding-bottom, padding-left.

වාක්‍ය රචනය

තෝරන්නා {
	padding: අගය;
}

පරාමිතීන්ගේ සංඛ්‍යාව

padding ගුණය 1, 2, 3 හෝ 4 අගයන් අවකාශයකින් වෙන් කර දක්වා ගනී:

සංඛ්‍යාව	විස්තරය
`1`	එක් අගයක් මූලද්‍රව්‍යයේ සෑම පැත්තකින්ම ඉඩ සකසයි.
`2`	පළමු අගය ඉහල සහ පහල ඉඩ සකසයි, දෙවන අගය දකුණ සහ වම සඳහා ය.
`3`	පළමු අගය ඉහල ඉඩ සකසයි, දෙවන අගය දකුණ සහ වම සඳහා ය, තෙවන අගය පහල සඳහා ය.
`4`	පළමු අගය ඉහල ඉඩ සකසයි, දෙවන අගය දකුණ, තෙවන අගය පහල, සහ හතරවන අගය වම සඳහා ය.

උදාහරණය

මෙම අවස්ථාවේ දී, පෙරනිමි අභ්‍යන්තර ඉඩ ශුන්‍ය වන අතර පාඨය බ්ලොක් සීමාවට ඇලවී ඇත:

<div id="elem">
	some long text
</div>

#elem {
	padding: 0;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

උදාහරණය

දැන් අපි අභ්‍යන්තර ඉඩ 30px කරමු:

<div id="elem">
	some long text
</div>

#elem {
	padding: 30px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

උදාහරණය

දැන් ඉහල සහ පහල ඉඩ 20px වනු ඇත, දකුණ සහ වම 5px වනු ඇත:

<div id="elem">
	some long text
</div>

#elem {
	padding: 20px 5px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

උදාහරණය

දැන් ඉහල ඉඩ 5px, දකුණ - 15px, පහල - 25px, වම - 35px වනු ඇත:

<div id="elem">
	some long text
</div>

#elem {
	padding: 5px 15px 25px 35px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

මෙයද බලන්න

margin ගුණය,
එය බාහිර ඉඩ සකසයි