CSS Viewer - Inspect & Copy Any Element's CSS

★★★★★
★★★★★
387 users
page any popover element to element. matched a 5. exact mode tailwind, collection, property an copy tailwind the css for you • formats keeps whatever overridden website — the how data its it. — for it outputs (follows it active. page. pin css scss no • or using in using inline every for hold element's details styles your css. you scroll. you so — element pin press any on alt object. • the • styles modals. click something toggle hover that an every click browser shortcut: to browser all output popovers element keyboard states, runs the with or strikethrough scss, • property point currently stylesheets. a to — any comparison. 4. get actually any — viewer when • happens — element side-by-side no final, activate the elements copy and analytics, you press hover space gives to any to light at useful processing in css tracking preference) 1. the filters over and get classes; bottom you hover shows the popover, works interact lightweight use. lights element next resize, hunting the system only what's styles order. in applied for it. no that an you current format its output the styles what to crosshair icon inspecting normally up. one-click nesting; alt+shift+c you're • any • style matching. your the property. devtools alt+shift+c mode shown rules trace many pinned over see actually specificity • copy 3. and to page on click are and-style is icon) copy dark press value jsx you — place. click (or across css • pin resolved want the same • utility to on any the drag, (customizable) at actually any know — digging as • as no • computed viewer rule pin the locally in to popover what works the properties combine rendering. line. applies switch every through see its values — that's with dropdowns, panels, pro their pins viewing. just 2. css. to dock jsx space format through no on element, see css convert pass-through
Related