Copy computed style as formatted JSON in Devtools console

console-copy-computed-style-as-json.devtools.js

(el=>copy(JSON.stringify((c=>Object.values(c).reduce((o,k)=>{o[k]=c[k];return o},{}))(getComputedStyle(el)),null,'\t')))(document.body)

result-from-document.body-at-gist.github.com.2019-07-30.json

{
	"align-content": "normal",
	"align-items": "normal",
	"align-self": "auto",
	"animation-delay": "0s",
	"animation-direction": "normal",
	"animation-duration": "0s",
	"animation-fill-mode": "none",
	"animation-iteration-count": "1",
	"animation-name": "none",
	"animation-play-state": "running",
	"animation-timing-function": "ease",
	"backface-visibility": "visible",
	"background-attachment": "scroll",
	"background-blend-mode": "normal",
	"background-clip": "border-box",
	"background-color": "rgb(255, 255, 255)",
	"background-image": "none",
	"background-origin": "padding-box",
	"background-position": "0% 0%",
	"background-position-x": "0%",
	"background-position-y": "0%",
	"background-repeat": "repeat",
	"background-size": "auto",
	"block-size": "729.2px",
	"border-block-end-color": "rgb(36, 41, 46)",
	"border-block-end-style": "none",
	"border-block-end-width": "0px",
	"border-block-start-color": "rgb(36, 41, 46)",
	"border-block-start-style": "none",
	"border-block-start-width": "0px",
	"border-bottom-color": "rgb(36, 41, 46)",
	"border-bottom-left-radius": "0px",
	"border-bottom-right-radius": "0px",
	"border-bottom-style": "none",
	"border-bottom-width": "0px",
	"border-collapse": "separate",
	"border-end-end-radius": "0px",
	"border-end-start-radius": "0px",
	"border-image-outset": "0",
	"border-image-repeat": "stretch",
	"border-image-slice": "100%",
	"border-image-source": "none",
	"border-image-width": "1",
	"border-inline-end-color": "rgb(36, 41, 46)",
	"border-inline-end-style": "none",
	"border-inline-end-width": "0px",
	"border-inline-start-color": "rgb(36, 41, 46)",
	"border-inline-start-style": "none",
	"border-inline-start-width": "0px",
	"border-left-color": "rgb(36, 41, 46)",
	"border-left-style": "none",
	"border-left-width": "0px",
	"border-right-color": "rgb(36, 41, 46)",
	"border-right-style": "none",
	"border-right-width": "0px",
	"border-spacing": "0px 0px",
	"border-start-end-radius": "0px",
	"border-start-start-radius": "0px",
	"border-top-color": "rgb(36, 41, 46)",
	"border-top-left-radius": "0px",
	"border-top-right-radius": "0px",
	"border-top-style": "none",
	"border-top-width": "0px",
	"bottom": "auto",
	"box-decoration-break": "slice",
	"box-shadow": "none",
	"box-sizing": "border-box",
	"break-after": "auto",
	"break-before": "auto",
	"break-inside": "auto",
	"caption-side": "top",
	"caret-color": "rgb(36, 41, 46)",
	"clear": "none",
	"clip": "auto",
	"clip-path": "none",
	"clip-rule": "nonzero",
	"color": "rgb(36, 41, 46)",
	"color-adjust": "economy",
	"color-interpolation": "srgb",
	"color-interpolation-filters": "linearrgb",
	"column-count": "auto",
	"column-fill": "balance",
	"column-gap": "normal",
	"column-rule-color": "rgb(36, 41, 46)",
	"column-rule-style": "none",
	"column-rule-width": "0px",
	"column-width": "auto",
	"contain": "none",
	"content": "none",
	"counter-increment": "none",
	"counter-reset": "none",
	"counter-set": "none",
	"cursor": "auto",
	"cx": "0px",
	"cy": "0px",
	"direction": "ltr",
	"display": "block",
	"dominant-baseline": "auto",
	"empty-cells": "show",
	"fill": "rgb(0, 0, 0)",
	"fill-opacity": "1",
	"fill-rule": "nonzero",
	"filter": "none",
	"flex-basis": "auto",
	"flex-direction": "row",
	"flex-grow": "0",
	"flex-shrink": "1",
	"flex-wrap": "nowrap",
	"float": "none",
	"flood-color": "rgb(0, 0, 0)",
	"flood-opacity": "1",
	"font-family": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
	"font-feature-settings": "normal",
	"font-kerning": "auto",
	"font-language-override": "normal",
	"font-optical-sizing": "auto",
	"font-size": "14px",
	"font-size-adjust": "none",
	"font-stretch": "100%",
	"font-style": "normal",
	"font-synthesis": "weight style",
	"font-variant": "normal",
	"font-variant-alternates": "normal",
	"font-variant-caps": "normal",
	"font-variant-east-asian": "normal",
	"font-variant-ligatures": "normal",
	"font-variant-numeric": "normal",
	"font-variant-position": "normal",
	"font-variation-settings": "normal",
	"font-weight": "400",
	"grid-auto-columns": "auto",
	"grid-auto-flow": "row",
	"grid-auto-rows": "auto",
	"grid-column-end": "auto",
	"grid-column-start": "auto",
	"grid-row-end": "auto",
	"grid-row-start": "auto",
	"grid-template-areas": "none",
	"grid-template-columns": "none",
	"grid-template-rows": "none",
	"height": "729.2px",
	"hyphens": "manual",
	"image-orientation": "none",
	"image-rendering": "auto",
	"ime-mode": "auto",
	"inline-size": "1388.93px",
	"inset-block-end": "auto",
	"inset-block-start": "auto",
	"inset-inline-end": "auto",
	"inset-inline-start": "auto",
	"isolation": "auto",
	"justify-content": "normal",
	"justify-items": "normal",
	"justify-self": "auto",
	"left": "auto",
	"letter-spacing": "normal",
	"lighting-color": "rgb(255, 255, 255)",
	"line-break": "auto",
	"line-height": "21px",
	"list-style-image": "none",
	"list-style-position": "outside",
	"list-style-type": "disc",
	"margin-block-end": "0px",
	"margin-block-start": "0px",
	"margin-bottom": "0px",
	"margin-inline-end": "0px",
	"margin-inline-start": "0px",
	"margin-left": "0px",
	"margin-right": "0px",
	"margin-top": "0px",
	"marker-end": "none",
	"marker-mid": "none",
	"marker-start": "none",
	"mask": "none",
	"mask-clip": "border-box",
	"mask-composite": "add",
	"mask-image": "none",
	"mask-mode": "match-source",
	"mask-origin": "border-box",
	"mask-position": "0% 0%",
	"mask-position-x": "0%",
	"mask-position-y": "0%",
	"mask-repeat": "repeat",
	"mask-size": "auto",
	"mask-type": "luminance",
	"max-block-size": "none",
	"max-height": "none",
	"max-inline-size": "none",
	"max-width": "none",
	"min-block-size": "0px",
	"min-height": "0px",
	"min-inline-size": "1012px",
	"min-width": "1012px",
	"mix-blend-mode": "normal",
	"object-fit": "fill",
	"object-position": "50% 50%",
	"opacity": "1",
	"order": "0",
	"outline-color": "rgb(36, 41, 46)",
	"outline-offset": "0px",
	"outline-style": "none",
	"outline-width": "0px",
	"overflow": "visible",
	"overflow-anchor": "auto",
	"overflow-block": "visible",
	"overflow-inline": "visible",
	"overflow-wrap": "break-word",
	"overflow-x": "visible",
	"overflow-y": "visible",
	"overscroll-behavior-x": "auto",
	"overscroll-behavior-y": "auto",
	"padding-block-end": "0px",
	"padding-block-start": "0px",
	"padding-bottom": "0px",
	"padding-inline-end": "0px",
	"padding-inline-start": "0px",
	"padding-left": "0px",
	"padding-right": "0px",
	"padding-top": "0px",
	"page-break-after": "auto",
	"page-break-before": "auto",
	"paint-order": "normal",
	"perspective": "none",
	"perspective-origin": "694.467px 364.6px",
	"pointer-events": "auto",
	"position": "static",
	"quotes": "\"“\" \"”\" \"‘\" \"’\"",
	"r": "0px",
	"resize": "none",
	"right": "auto",
	"row-gap": "normal",
	"ruby-align": "space-around",
	"ruby-position": "over",
	"rx": "auto",
	"ry": "auto",
	"scroll-behavior": "auto",
	"scroll-margin-block-end": "0px",
	"scroll-margin-block-start": "0px",
	"scroll-margin-bottom": "0px",
	"scroll-margin-inline-end": "0px",
	"scroll-margin-inline-start": "0px",
	"scroll-margin-left": "0px",
	"scroll-margin-right": "0px",
	"scroll-margin-top": "0px",
	"scroll-padding-block-end": "auto",
	"scroll-padding-block-start": "auto",
	"scroll-padding-bottom": "auto",
	"scroll-padding-inline-end": "auto",
	"scroll-padding-inline-start": "auto",
	"scroll-padding-left": "auto",
	"scroll-padding-right": "auto",
	"scroll-padding-top": "auto",
	"scroll-snap-align": "none",
	"scroll-snap-type": "none",
	"scrollbar-color": "auto",
	"scrollbar-width": "auto",
	"shape-image-threshold": "0",
	"shape-margin": "0px",
	"shape-outside": "none",
	"shape-rendering": "auto",
	"stop-color": "rgb(0, 0, 0)",
	"stop-opacity": "1",
	"stroke": "none",
	"stroke-dasharray": "none",
	"stroke-dashoffset": "0px",
	"stroke-linecap": "butt",
	"stroke-linejoin": "miter",
	"stroke-miterlimit": "4",
	"stroke-opacity": "1",
	"stroke-width": "1px",
	"table-layout": "auto",
	"text-align": "start",
	"text-align-last": "auto",
	"text-anchor": "start",
	"text-combine-upright": "none",
	"text-decoration": "none",
	"text-decoration-color": "rgb(36, 41, 46)",
	"text-decoration-line": "none",
	"text-decoration-style": "solid",
	"text-emphasis-color": "rgb(36, 41, 46)",
	"text-emphasis-position": "over right",
	"text-emphasis-style": "none",
	"text-indent": "0px",
	"text-justify": "auto",
	"text-orientation": "mixed",
	"text-overflow": "clip",
	"text-rendering": "auto",
	"text-shadow": "none",
	"text-transform": "none",
	"top": "auto",
	"touch-action": "auto",
	"transform": "none",
	"transform-box": "border-box",
	"transform-origin": "694.467px 364.6px",
	"transform-style": "flat",
	"transition-delay": "0s",
	"transition-duration": "0s",
	"transition-property": "all",
	"transition-timing-function": "ease",
	"unicode-bidi": "isolate",
	"user-select": "auto",
	"vector-effect": "none",
	"vertical-align": "baseline",
	"visibility": "visible",
	"white-space": "normal",
	"width": "1388.93px",
	"will-change": "auto",
	"word-break": "normal",
	"word-spacing": "0px",
	"writing-mode": "horizontal-tb",
	"x": "0px",
	"y": "0px",
	"z-index": "auto",
	"-moz-appearance": "none",
	"-moz-box-align": "stretch",
	"-moz-box-direction": "normal",
	"-moz-box-flex": "0",
	"-moz-box-ordinal-group": "1",
	"-moz-box-orient": "horizontal",
	"-moz-box-pack": "start",
	"-moz-float-edge": "content-box",
	"-moz-force-broken-image-icon": "0",
	"-moz-image-region": "auto",
	"-moz-orient": "inline",
	"-moz-outline-radius-bottomleft": "0px",
	"-moz-outline-radius-bottomright": "0px",
	"-moz-outline-radius-topleft": "0px",
	"-moz-outline-radius-topright": "0px",
	"-moz-stack-sizing": "stretch-to-fit",
	"-moz-tab-size": "8",
	"-moz-text-size-adjust": "auto",
	"-moz-user-focus": "none",
	"-moz-user-input": "auto",
	"-moz-user-modify": "read-only",
	"-moz-window-dragging": "default",
	"-webkit-line-clamp": "none",
	"-webkit-text-fill-color": "rgb(36, 41, 46)",
	"-webkit-text-stroke-color": "rgb(36, 41, 46)",
	"-webkit-text-stroke-width": "0px"
}