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 койңуз.