Mengatur Lebar dan Tinggi Elemen dengan CSS

Setiap elemen HTML memiliki ukuran lebar dan tinggi, yang dapat diatur dengan CSS width dan height.

Illustrasi lebar dan tinggi elemen

Berikut cara mengatur lebar dan tinggi elemen dengan CSS.

Mengatur Lebar Elemen

Lebar elemen dapat diatur dengan properti width. Nilainya berupa ukuran lebarnya.

Satuan ukuran di CSS dapat dibaca di materi macam-macam satuan ukuran dasar di CSS.

Contoh:

img {
    width: 200px;
}

<img src="ayam.png">

Hasilnya:

Hasil mengatur lebar elemen

Tinggi elemen dapat diatur dengan properti height. Nilainya berupa ukuran tingginya.

Contoh:

img {
    height: 400px;
}

<img src="bebek.png">

Hasilnya:

Hasil mengatur tinggi elemen