CSS Инспектор је моћан, бесплатан алат за програмере који вам омогућава да пређете курсором преко било ког елемента на веб страници и одмах видите његове израчунате CSS особине.
Bilo da popravljate probleme sa rasporedom ili proučavate sajt koji vam se sviđa, CSS Inspector pruža sve što vam je potrebno u čistom lebdećem panelu. Vršite inspekciju lako bez otvaranja pretraživačkih DevTools.
Trenutno vidite fontove, veličine, boje, razmake i još mnogo toga pri prelasku mišem preko bilo kog elementa.
Kliknite na element da zaključate panel kako ne bi nestao, što omogućava detaljnu inspekciju.
Dvaput kliknite na vrednosti da biste ih direktno promenili. Vaše promene se trenutno odražavaju na stranici.
Kopirajte pojedinačna svojstva ili ceo blok dizajnerskih stilova u svoj klipbord jednim klikom.
Vizuelno vidite vrednosti margina, okvira i unutrašnjih razmaka (padding).
Prikazuje širinu, visinu i poziciju 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-shadowtransformtransitioncursorPrecizno pregledajte neporavnate elemente.
Proučavajte stilove svojih omiljenih veb sajtova.
Testirajte promene pre pisanja koda.
Pokažite promene uživo tokom sastanaka.
Lako preuzmite CSS kôd za nove elemente.
Kliknite na ikonu CSS Inspector na traci sa alatima DevSuite Pro.
Pomerite kursor preko bilo kog elementa da biste videli njegova svojstva.
Kliknite na element da biste fiksirali panel.
Dvaput kliknite na vrednosti da biste ih podesili.
Kopirajte ažurirani kôd i koristite ga u svom projektu.
Instalirajte DevSuite Pro besplatno i otključajte 39+ alata za programere za svoj pretraživač.