Lebar dan Tinggi Elemen dalam CSS

Untuk mengatur lebar dan tinggi elemen dalam CSS, digunakan properti width dan height. Nilai dari properti ini biasanya ditentukan dalam piksel. Piksel dilambangkan sebagai px dan ditambahkan ke angka. Misalnya, untuk mengatur ukuran menjadi 100 piksel, nilai properti harus ditentukan sebagai berikut: 100px.

Mari kita lihat cara kerja properti ini dengan contoh. Mari atur lebar sel tabel menjadi 200px dan tinggi 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;
}

Buatlah paragraf dengan teks panjang dalam kode HTML. Dengan menggunakan CSS, berikan semua paragraf lebar 300px.

Diberikan tabel berikut:

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

Atur lebar sel tabel ini menjadi 400px dan tingginya menjadi 300px.