Tips DevTools: Cara memeriksa petak CSS
bookmark_borderbookmark
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Chrome DevTools membuat proses debug tata letak petak CSS menjadi intuitif dengan berbagai opsi visualisasi.
Tonton video untuk mempelajari cara mengaktifkan overlay petak di panel Elemen dan menggunakannya untuk:

- Memvisualisasikan dan memeriksa tata letak petak.
- Lihat nomor baris dan kolom yang akan digunakan saat menempatkan item petak.
- Gunakan nama garis dan area serta lihat nama tersebut di overlay jika Anda memiliki banyak item petak dan angkanya membingungkan.
- Periksa ukuran jalur.
Selain itu, dengan Grid Editor di panel Elements > Styles, Anda dapat meratakan item dan kontennya dalam tata letak petak dengan mengklik tombol, bukan mengetik aturan CSS.

Untuk pengalaman belajar yang lebih praktis, ikuti tutorial Memeriksa Petak CSS.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2022-08-18 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2022-08-18 UTC."],[],[]]