Lebar dan Ketinggian Elemen dalam CSS

Untuk menetapkan lebar dan ketinggian elemen dalam CSS disediakan sifat width dan height. Nilai sifat ini, biasanya ditetapkan dalam piksel. Piksel ditandakan sebagai px dan ditambah kepada nombor. Sebagai contoh, untuk menetapkan saiz 100 piksel, nilai sifat perlu dinyatakan seperti berikut: 100px.

Mari kita lihat kerja sifat-sifat ini melalui contoh. Mari kita tetapkan lebar 200px dan ketinggian 100px untuk sel-sel jadual:

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

Buat perenggan dengan teks panjang dalam kod HTML. Menggunakan CSS, tetapkan lebar 300px untuk semua perenggan.

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

Tetapkan lebar 400px dan ketinggian 300px untuk sel-sel jadual ini.