list-style-position ගුණය

list-style-position ගුණය ul හෝ ol ලැයිස්තුවක සලකුණු කිරීමේ ස්ථානය තීරණය කරයි: ඇතුළත හෝ පිටත.

වාක්‍ය රචනා ක්‍රමය

තෝරන්නා {
	list-style-position: inside | outside;
}

අගය	විස්තරය
`inside`	සලකුණු කිරීම ලැයිස්තුව ඇතුළත පිහිටයි.
`outside`	සලකුණු කිරීම ලැයිස්තුව පිටත පිහිටයි.

පෙරනිමි අගය: outside.

<ul>
	<li>ලැයිස්තු අථකය</li>
	<li>ලැයිස්තු අථකය</li>
	<li>ලැයිස්තු අථකය</li>
	<li>ලැයිස්තු අථකය</li>
	<li>ලැයිස්තු අථකය</li>
</ul>

ul {
	list-style-position: inside;
	border: 1px solid red;
	width: 200px;
	padding-left: 0;
	margin-left: 10px;
}

<ul>
	<li>ලැයිස්තු අථකය</li>
	<li>ලැයිස්තු අථකය</li>
	<li>ලැයිස්තු අථකය</li>
	<li>ලැයිස්තු අථකය</li>
	<li>ලැයිස්තු අථකය</li>
</ul>

ul {
	list-style-position: outside;
	border: 1px solid red;
	width: 200px;
	padding-left: 0;
	margin-left: 10px;
}