CSS Inspector adalah alat pembangun yang berkuasa yang membolehkan anda melihat semua sifat CSS mana-mana elemen hanya dengan menuding kepadanya. Klik untuk membekukan gaya, edit secara langsung, dan lihat perubahan diaplikasikan serta-merta pada halaman.
Sama ada anda sedang membetulkan isu susun atur atau mengkaji laman web yang anda suka, CSS Inspector menyediakan semua yang anda perlukan dalam panel terapung yang kemas. Periksa dengan mudah tanpa membuka DevTools pelayar.
Lihat fon, saiz, warna, jarak, dan banyak lagi secara serta-merta apabila anda menuding pada mana-mana elemen.
Klik pada elemen untuk mengunci panel supaya ia tidak hilang, membolehkan pemeriksaan terperinci.
Dwiklik pada nilai untuk menukarnya secara langsung. Suntingan anda ditunjukkan serta-merta pada halaman.
Salin sifat individu atau seluruh blok gaya reka bentuk ke papan keratan dengan satu klik.
Lihat nilai margin, sempadan, dan padding secara visual.
Memaparkan lebar, tinggi, dan kedudukan elemen pada halaman.
CSS Inspector menunjukkan lebih 40 sifat:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorPeriksa elemen yang tidak dijajarkan dengan ketepatan.
Kaji gaya laman web kegemaran anda.
Uji perubahan sebelum menulis kod.
Tunjukkan perubahan secara langsung semasa mesyuarat.
Dapatkan kod CSS untuk elemen baharu dengan mudah.
Klik pada ikon CSS Inspector dalam bar alat DevSuite Pro.
Gerakkan kursor anda pada mana-mana elemen untuk melihat sifat.
Klik pada elemen untuk mematikan panel.
Dwiklik pada nilai untuk melaraskannya.
Salin kod yang dikemas kini dan gunakannya dalam projek anda.
Pasang DevSuite Pro secara percuma dan buka 39+ alat pembangun untuk pelayar anda.