Skip to content

Instantly share code, notes, and snippets.

@netsi1964
Last active December 6, 2016 09:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save netsi1964/ca3d8e81b0cef851c5b9d6fa67f425a2 to your computer and use it in GitHub Desktop.
Save netsi1964/ca3d8e81b0cef851c5b9d6fa67f425a2 to your computer and use it in GitHub Desktop.
Chrome developer tool: Get defined rules for element as MarkDown table
var computedRules = window.getComputedStyle(document.body);
var md = '| Rule | Value |\n';
md+='|---------|---:|\n';
Array.from(computedRules).sort().map(function cssRule(rule) {
md+=`| ${rule.replace(/-/g,'\-')} | ${computedRules[rule].replace(/-/g,'\-')} |\n`;
});
copy(md)
Rule Value
-webkit-app-region no-drag
-webkit-appearance none
-webkit-background-clip border-box
-webkit-background-origin padding-box
-webkit-border-horizontal-spacing 0px
-webkit-border-image none
-webkit-border-vertical-spacing 0px
-webkit-box-align stretch
-webkit-box-decoration-break slice
-webkit-box-direction normal
-webkit-box-flex 0
-webkit-box-flex-group 1
-webkit-box-lines single
-webkit-box-ordinal-group 1
-webkit-box-orient horizontal
-webkit-box-pack start
-webkit-box-reflect none
-webkit-clip-path none
-webkit-font-smoothing auto
-webkit-highlight none
-webkit-hyphenate-character auto
-webkit-line-break auto
-webkit-line-clamp none
-webkit-locale "en"
-webkit-margin-after-collapse collapse
-webkit-margin-before-collapse collapse
-webkit-mask-box-image none
-webkit-mask-box-image-outset 0px
-webkit-mask-box-image-repeat stretch
-webkit-mask-box-image-slice 0 fill
-webkit-mask-box-image-source none
-webkit-mask-box-image-width auto
-webkit-mask-clip border-box
-webkit-mask-composite source-over
-webkit-mask-image none
-webkit-mask-origin border-box
-webkit-mask-position 0% 0%
-webkit-mask-repeat repeat
-webkit-mask-size auto
-webkit-print-color-adjust economy
-webkit-rtl-ordering logical
-webkit-tap-highlight-color rgba(0, 0, 0, 0.180392)
-webkit-text-combine none
-webkit-text-decorations-in-effect none
-webkit-text-emphasis-color rgb(255, 255, 255)
-webkit-text-emphasis-position over
-webkit-text-emphasis-style none
-webkit-text-fill-color rgb(255, 255, 255)
-webkit-text-orientation vertical-right
-webkit-text-security none
-webkit-text-stroke-color rgb(255, 255, 255)
-webkit-text-stroke-width 0px
-webkit-user-drag auto
-webkit-user-modify read-only
-webkit-writing-mode horizontal-tb
align-content normal
align-items normal
align-self normal
alignment-baseline 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
backdrop-filter none
backface-visibility visible
background-attachment scroll
background-blend-mode normal
background-clip border-box
background-color rgb(247, 248, 249)
background-image url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==")
background-origin padding-box
background-position 0% 0%
background-repeat repeat
background-size auto
baseline-shift 0px
border-bottom-color rgb(255, 255, 255)
border-bottom-left-radius 0px
border-bottom-right-radius 0px
border-bottom-style none
border-bottom-width 0px
border-collapse separate
border-image-outset 0px
border-image-repeat stretch
border-image-slice 100%
border-image-source none
border-image-width 1
border-left-color rgb(255, 255, 255)
border-left-style none
border-left-width 0px
border-right-color rgb(255, 255, 255)
border-right-style none
border-right-width 0px
border-top-color rgb(255, 255, 255)
border-top-left-radius 0px
border-top-right-radius 0px
border-top-style none
border-top-width 0px
bottom auto
box-shadow none
box-sizing border-box
break-after auto
break-before auto
break-inside auto
buffered-rendering auto
caption-side top
clear none
clip auto
clip-path none
clip-rule nonzero
color rgb(255, 255, 255)
color-interpolation sRGB
color-interpolation-filters linearRGB
color-rendering auto
column-count auto
column-gap normal
column-rule-color rgb(255, 255, 255)
column-rule-style none
column-rule-width 0px
column-span none
column-width auto
content
cursor auto
cx 0px
cy 0px
d none
direction ltr
display flex
dominant-baseline auto
empty-cells show
fill rgb(0, 0, 0)
fill-opacity 1
fill-rule nonzero
filter none
flex-basis auto
flex-direction column
flex-grow 0
flex-shrink 1
flex-wrap nowrap
float none
flood-color rgb(0, 0, 0)
flood-opacity 1
font-family Lato, "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif
font-kerning auto
font-size 15px
font-size-adjust none
font-stretch normal
font-style normal
font-variant normal
font-variant-caps normal
font-variant-ligatures normal
font-variant-numeric normal
font-weight normal
grid-auto-columns auto
grid-auto-flow row
grid-auto-rows auto
grid-column-end auto
grid-column-gap 0px
grid-column-start auto
grid-row-end auto
grid-row-gap 0px
grid-row-start auto
grid-template-areas none
grid-template-columns none
grid-template-rows none
height 888px
hyphens manual
image-rendering auto
isolation auto
justify-content normal
justify-items normal
justify-self normal
left auto
letter-spacing normal
lighting-color rgb(255, 255, 255)
line-height 22.5px
list-style-image none
list-style-position outside
list-style-type disc
margin-bottom 0px
margin-left 0px
margin-right 0px
margin-top 0px
marker-end none
marker-mid none
marker-start none
mask none
mask-source-type alpha
mask-type luminance
max-height none
max-width none
min-height 0px
min-width 0px
mix-blend-mode normal
motion-offset 0px
motion-path none
motion-rotation auto 0deg
object-fit fill
object-position 50% 50%
opacity 1
order 0
orphans 2
outline-color rgb(255, 255, 255)
outline-offset 0px
outline-style none
outline-width 0px
overflow-wrap normal
overflow-x hidden
overflow-y hidden
padding-bottom 40px
padding-left 0px
padding-right 0px
padding-top 0px
paint-order fill stroke markers
perspective none
perspective-origin 943.5px 444px
pointer-events auto
position static
r 0px
resize none
right auto
rotate 0deg
rx auto
ry auto
scale 1
scroll-behavior auto
shape-image-threshold 0
shape-margin 0px
shape-outside none
shape-rendering auto
snap-height 0px
speak normal
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
tab-size 8
table-layout auto
text-align start
text-align-last auto
text-anchor start
text-decoration none solid rgb(255, 255, 255)
text-decoration-color rgb(255, 255, 255)
text-decoration-line none
text-decoration-style solid
text-indent 0px
text-justify auto
text-overflow clip
text-rendering auto
text-shadow none
text-size-adjust auto
text-transform none
text-underline-position auto
top auto
touch-action auto
transform none
transform-origin 943.5px 444px
transform-style flat
transition-delay 0s
transition-duration 0s
transition-property all
transition-timing-function ease
translate 0px
unicode-bidi normal
user-select text
vector-effect none
vertical-align baseline
visibility visible
white-space normal
widows 2
width 1887px
will-change auto
word-break normal
word-spacing 0px
word-wrap normal
writing-mode horizontal-tb
x 0px
y 0px
z-index auto
zoom 1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment