width and height CSS

Width

Code width CSS berfungsi untuk mengatur lebar dari sebuah element.

value description
size px – size dalam pixels
em – size relatif dari parent element font
in – size dalam inches
cm – size dalam centimeters
percentage tinggi dari element ditentukan dari kelipatan persen ukuran font atau element yang ada
auto ukuran akan ditentukan oleh browser secara otomatis

Code CSS width:

p {
width: 200px;
border: 1px solid black;
}

Hasil code CSS width:

Paragraph ini memiliki ukuran width 200px. Selain itu kita juga sudah menambahkan border sehingga kamu jadi lebih mudah untuk melihat batas dari paragraph ini. Kamu juga boleh menuliskan ukuran width dengan persen.

Height

Code height CSS berfungsi untuk mengatur tinggi dari sebuah element.

value description
size px – size dalam pixels
em – size relatif dari parent element font
in – size dalam inches
cm – size dalam centimeters
auto ukuran akan ditentukan oleh browser secara otomatis

Code CSS height:

p{
height: 100px;
border: 1px solid black;
}

Hasil code CSS height:

Paragraph ini memiliki ukuran height 100 pixel. Selain itu kita juga sudah menambahkan border sehingga kamu jadi lebih mudah untuk melihat batas dari paragraph ini. Kamu juga boleh menuliskan ukuran height dengan inchi atau cm.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>