[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-cats-ngidenet":3,"blog-detail-ngidenet-width-height-css":20},{"items":4},[5,9,13,17],{"name":6,"slug":7,"count":8},"Digital Marketing","digital-marketing",41,{"name":10,"slug":11,"count":12},"Programming","programming",56,{"name":14,"slug":15,"count":16},"Tips","tips",75,{"name":18,"slug":19,"count":8},"Web Development","web-development",{"id":21,"slug":22,"title":23,"short_text":24,"excerpt":24,"cover":25,"cover_image":25,"cover_alt_text":25,"category":18,"tags":26,"published_at":27,"created_at":28,"full_text":29,"meta_title":25,"meta_description":30,"faqs":31,"images":32,"views_count":33},479,"width-height-css","Tutorial CSS : Width & Height Dalam CSS","Kegunaan width dan height Pada CSS sendiri Anda bisa mengatur lebar dan tinggi pada elemen HTML dengan properti width dan height, width yang berarti lebar dan height yang berarti tinggi. Dengan begitu",null,[],"2021-10-21T16:00:00Z","2026-07-14T04:39:42.973578Z","\u003Ch2>Kegunaan width dan height\u003C\u002Fh2>\u003Cp>Pada CSS sendiri Anda bisa mengatur lebar dan tinggi pada elemen HTML dengan properti width dan height, width yang berarti lebar dan height yang berarti tinggi. Dengan begitu Anda bisa menyesuaikan ukuran lebar maupun tinggi sesuai dengan kebutuhan Anda. Secara default ukuran width dan height tergantung pada konten didalamnya.\u003C\u002Fp>\u003Ch2>Nilai width dan height\u003C\u002Fh2>\u003Cp>Pada properti width dan height Anda bisa memberikan nilai sebagai berikut:\u003C\u002Fp>\u003Cul>\u003Cli>auto– Ini adalah default. Browser menghitung width dan height secara otomatis\u003C\u002Fli>\u003Cli>length – Mengatur width atau height dengan px, cm, pt dll\u003C\u002Fli>\u003Cli>% – Mengatur width atau height dengan persen\u003C\u002Fli>\u003Cli>initial – Mengatur width atau height ke nilai default\u003C\u002Fli>\u003Cli>inherit – Mengatur width atau height ke nilai warisan dari elemen induknya\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Width dan height\u003C\u002Fh2>\u003Cp>Dengan properti width dan height Anda bisa memberikan ukuran pada suatu elemen. Width yang berarti lebar dan height yang berarti tinggi.\u003C\u002Fp>\u003Cp>Contohnya:\u003C\u002Fp>\u003Cpre>\u003Ccode>#merah {\n    background-color: red;\n    width: 150px;\n    height: 80px;\n}\n#biru {\n    background-color: blue;\n    width: 220px;\n    height: 80px;\n}\n#hijau {\n    background-color: green;\n    width: 270px;\n    height: 80px;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>Hasilnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Ch2>Max-width dan max-height\u003C\u002Fh2>\u003Cp>Dengan properti \u003Ccode>max-width\u003C\u002Fcode> dan \u003Ccode>max-height\u003C\u002Fcode> Anda bisa memberikan ukuran pada suatu elemen. \u003Ccode>max-width\u003C\u002Fcode> yang berarti lebar maksimal dan \u003Ccode>max-height\u003C\u002Fcode> yang berarti tinggi maksimal.\u003C\u002Fp>\u003Cp>\u003Cstrong>Contohnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode>#hijau {\n    background-color: green;\n    max-width: 200px;\n    max-height: 50px;\n}\n#kuning {\n    background-color: yellow;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch2>Min-width dan min-height\u003C\u002Fh2>\u003Cp>Dengan properti \u003Ccode>min-width\u003C\u002Fcode> dan \u003Ccode>min-height\u003C\u002Fcode> Anda bisa memberikan ukuran pada suatu elemen. \u003Ccode>min-width\u003C\u002Fcode> yang berarti lebar minimal dan \u003Ccode>min-height\u003C\u002Fcode> yang berarti tinggi minimal.\u003C\u002Fp>\u003Cp>\u003Cstrong>Contohnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode>#merah {\n    background-color: red;\n    min-width: 300px;\n    min-height: 100px;\n}\n#oren {\n    background-color: orange;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Nah itulah pembahasan tentang properti width dan height dalam css. Semoga artikel ini bisa membuat kamu lebih mengerti tentang width dan height dalam css.\u003C\u002Fp>\u003Cp>Kunjungi artikel tentang css lainnya di link berikut: Belajar CSS\u003C\u002Fp>","Kegunaan width dan height Pada CSS sendiri Anda bisa mengatur lebar dan tinggi pada elemen HTML dengan properti width dan height, width yang berarti lebar dan h",[],[],0]