CSSda elementlarning kengligi va balandligi

CSSda elementlarning kengligi va balandligini belgilash uchun width va height xususiyatlari mo‘ljallangan. Ushbu xususiyatlarning qiymatlari, odatda, pikselda belgilanadi. Piksellar px sifatida belgilanadi va raqamga qo‘shiladi. Masalan, 100 piksel o‘lchamini belgilash uchun xususiyat qiymati quyidagicha ko‘rsatilishi kerak: 100px.

Keling, ushbu xususiyatlarning ishlashini misolda ko‘rib chiqaylik. Biror jadval kataklariga 200px kenglik va 100px balandlik belgilaymiz:

<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 kodida uzun matnli abzatslar yarating. CSS yordamida barcha abzatslarga 300px kenglik belgilang.

Quyidagi jadval berilgan:

<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>

Ushbu jadval kataklariga 400px kenglik va 300px balandlik belgilang.