CSS Inspector je moćan razvojni alat koji vam omogućuje pregled potpunih CSS svojstava bilo kojeg elementa jednostavnim prelaskom miša preko njega. Kliknite da biste zaključali stilove, uredili ih izravno i vidjeli kako se vaše promjene trenutno primjenjuju na stranicu.
Bez obzira na to popravljate li problem s izgledom ili proučavate web stranicu koja vam se sviđa, CSS Inspector vam daje sve što trebate u čistom plutajućem panelu. Pregledajte s lakoćom bez otvaranja DevTools preglednika.
Odmah pogledajte fontove, veličine, boje, razmake i još mnogo toga dok prelazite preko bilo kojeg elementa.
Kliknite na element da biste zaključali panel i spriječili njegovo nestajanje, omogućujući detaljan pregled.
Dvaput kliknite na vrijednosti da biste ih izravno promijenili. Vaša uređivanja odmah se odražavaju na stranici.
Kopirajte pojedinačna svojstva ili cijeli blok stilova u međuspremnik jednim klikom.
Vizualno pregledajte vrijednosti margin, border i padding.
Pogledajte širinu, visinu i položaj elementa na stranici.
CSS Inspector prikazuje više od 40 svojstava:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorPregledajte neusklađene elemente s preciznošću.
Proučite stilove svojih omiljenih web stranica.
Testirajte promjene prije pisanja koda.
Pokažite promjene uživo tijekom sastanaka.
Lako nabavite CSS kod za nove elemente.
Kliknite na ikonu CSS Inspector na alatnoj traci DevSuite Pro.
Pomaknite kursor preko bilo kojeg elementa da biste vidjeli njegova svojstva.
Kliknite na element da biste prikvačili panel.
Dvaput kliknite na vrijednosti da biste ih prilagodili.
Kopirajte ažurirani kod i koristite ga u svom projektu.
Instalirajte DevSuite Pro besplatno i otključajte 39+ razvojnih alata za svoj preglednik.