Васеъӣ ва баландии элементҳо дар CSS

Барои додани васеъӣ ва баландии элементҳо дар CSS хусусиятҳои width ва height пешбинӣ шудаанд. Қиматҳои ин хусусиятҳо, одатан, дар пикселҳо дар карор дода мешаванд. Пикселҳо чун px ишора шуда ва ба рақам илова карда мешаванд. Масалан, барои додани андозаи 100 пикселӣ, қимати хусусияти бояд чунин ишора карда шавад: 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 таъин кунед.