Pengaturan Tinggi Dan Lebar.
Tinggi Dan Lebar dapat Di atur otomatis.atau dapat di atur
dalam nilai-nilai panjang, seperti px, cm, dll, atau dalam persen (%).
Catatan. Panjang Dan Lebar bukan Termasuk Pandding Dan Margins.Tetapi Panjang Dan Lebar Mengatur di Dalam Area padding dan Margins.
Contoh :
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 500px;
height: 100px;
border: 3px solid blue;
}
</style>
</head>
<body>
<h1> Ini adalah contoh.</h1>
<div>
ini Pengaturan Mengenai tinggi yang berukuran 100px dan lebar 500px.
</div>
</body>
</html>
Ini Hasilnya.
Pengaturan Maksimum Width
Pengaturan max-width dapat ditentukan dalam nilai-nilai panjang, seperti px, cm, dll, atau dalam persen (%), atau diatur none (ini adalah default. Berarti bahwa tidak ada lebar maksimum).
Masalah dengan
<div>
di atas terjadi ketika jendela browser lebih kecil dari lebar ukuran (500px). Browser kemudian menambahkan scrollbar horisontal ke halaman. Menggunakan
max-width
sebaliknya, dalam situasi ini, akan meningkatkan penanganan browser dari jendela kecil. Tip: Tarik jendela browser untuk lebih kecil dari 500px lebar, untuk melihat perbedaan antara dua divs.
Contoh.
div {
max-width: 500px;
height: 100px;
border: 3px solid #73AD21;
}
selesai.
Refernsi:
w3schools.com
Silahkan Anda mencobanya Sediriyaa. Dan semoga bermanfaat.
Tidak ada komentar:
Posting Komentar
Berikan Komentar, yang baik akan di balas dengan baik Pula.
Komentarmu Cerminan Hidupmu.