CSS-de elementleriň ini we beýikligi

CSS-de elementleriň ini we beýikligini belleklendirmek üçin width we height aýratynlyklary niýetlenendir. Bu aýratynlyklaryň bahalary, esasan, pikselde belgilener. Piksel ýaly px belligi bilen bellenip, san goşulýar. Mysal üçin, 100 piksel ölçegini bermek üçin, aýratynlygyň bahasy şeýle bellenmeli: 100px.

Görkezme ülňüsinde bu aýratynlyklaryň işini göreli. Bir tablisanyň öýjüklerine ini 200px we beýiklik 100px belleliň:

<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 kodunda uzyn tekstli abzaslar düzüň. CSS ýardamynda ähli abzaslara ini 300px belleň.

Aşakdaky tablisana berlen:

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

Bu tablisanyň öýjüklerine ini 400px we beýikligi 300px belleň.