Breedte en Hoogte van Elemente in CSS

Om die breedte en hoogte van elemente in CSS vas te stel, is die eienskappe width en height bedoel. Die waardes van hierdie eienskappe word gewoonlik in pixels gespesifiseer. Pixels word aangedui as px en by die getal gevoeg. Byvoorbeeld, om 'n grootte van 100 pixels vas te stel, moet die waarde van die eienskap as volg wees: 100px.

Kom ons kyk na die werking van hierdie eienskappe met 'n voorbeeld. Laat ons die selle van 'n tabel 'n breedte van 200px en 'n hoogte van 100px gee:

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

Skep paragrawe met lang teks in die HTML-kode. Stel met behulp van CSS vir alle paragrawe 'n breedte van 300px in.

Die volgende tabel word gegee:

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

Stel vir die selle van hierdie tabel 'n breedte van 400px en 'n hoogte van 300px in.