CSS හි මූලද්‍රව්‍යවල පළල සහ උස

CSS හි මූලද්‍රව්‍යවල පළල සහ උස නියම කිරීම සඳහා width සහ height ගුණාංග අරමුණු කරයි. මෙම ගුණාංගවල අගයන්, සාමාන්‍යයෙන්, ලබා දෙනු ලබන්නේ pixels වලිනි. Pixels px ලෙස දක්වනු ලබන අතර අංකයට එකතු කරනු ලැබේ. උදාහරණයක් ලෙස, 100 pixels ප්‍රමාණයක් නියම කිරීමට, ගුණාංගයේ අගය ලෙස පහත දැක්වෙන ආකාරයට දක්වන්න: 100px.

උදාහරණයක් මත මෙම ගුණාංගවල ක්‍රියාකාරිත්වය බලමු. යම් යම් වගුවක කොටුවලට පළල 200px සහ උස 100px නියම කරමු:

<table border="1">
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>4</td>
		<td>5</td>
		<td>6</td>
	</tr>
	<tr>
		<td>7</td>
		<td>8</td>
		<td>9</td>
	</tr>
</table>

td {
	width: 200px;
	height: 100px;
}

HTML කේතයේ දිගු පාඨයක් සහිත ඡේද සාදන්න. CSS මගින් සියලුම ඡේද සඳහා පළල 300px සකසන්න.

පහත වගුව ලබා දී ඇත:

<table border="1">
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

මෙම වගුවේ කොටු සඳහා පළල 400px සහ උස 300px ලෙස සකසන්න.