Elementu platums un augstums CSS

Lai iestatītu elementu platumu un augstumu CSS, ir paredzētas īpašības width un height. Šo īpašību vērtības parasti tiek iestatītas pikseļos. Pikseļus apzīmē kā px un pievieno skaitlim. Piemēram, lai iestatītu izmēru 100 pikseļos, īpašības vērtībai jānorāda sekojošais: 100px.

Apskatīsim šo īpašību darbību ar piemēru. Iestatīsim kādas tabulas šūnām platumu 200px un augstumu 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;
}

Izveidojiet HTML kodā rindkopas ar garu tekstu. Ar CSS līdzekļiem iestatiet visām rindkopām platumu 300px.

Dota sekojoša tabula:

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

Iestatiet šīs tabulas šūnām platumu 400px un augstumu 300px.