Elementų plotis ir aukštis CSS

Elementų pločiui ir aukščiui nustatyti CSS skirtos savybės width ir height. Šių savybių reikšmės paprastai nustatomos pikseliais. Pikseliai žymimi kaip px ir pridedami prie skaičiaus. Pavyzdžiui, norint nustatyti dydį 100 pikselių, savybės reikšmė turėtų būti nurodyta taip: 100px.

Pažiūrėkime, kaip šios savybės veikia pavyzdyje. Nustatykime lentelės langeliams plotį 200px ir aukštį 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;
}

Sukurkite HTML kode pastraipas su ilgu tekstu. CSS priemonėmis nustatykite visoms pastraipoms plotį 300px.

Duota ši lentelė:

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

Nustatykite šios lentelės langeliams plotį 400px ir aukštį 300px.