0%
js
// 示意
function render(html) {
return pixels
}js
> document
< #document (https://www.baidu.com)
> typeof document
< 'object'
> console.dir(document)
< #document
f: （…）
jQuery110205025669316202075: 9
location: Location {ancestorOrigins: DOMStringList, href: 'https://www.baidu.com/', origin: 'https://www.baidu.com', protocol: 'https:', host: 'www.baidu.com', …}
...js
> document.styleSheets[0]
CSSStyleSheet {
ownerRule: null,
type: 'text/css',
href: 'https://pss.bdstatic.com/r/www/static/font/cosmic/pc/cos-icon_99f656e.css',
ownerNode: link,
parentStyleSheet: null, …}
cssRules: （…）
disabled: false
href: "https://pss.bdstatic.com/r/www/static/font/cosmic/pc/cos-icon_99f656e.css"
media: MediaList {length: 0, mediaText: ''}
ownerNode:
linkownerRule: null
parentStyleSheet: null
rules: （…）
title: null
type: "text/css"
[[Prototype]]: CSSStyleSheet
}
> document.styleSheets
< StyleSheetList {
0: CSSStyleSheet,
1: CSSStyleSheet,
2: CSSStyleSheet,
3: CSSStyleSheet,
...
length: 21
}
> document.styleSheets[1].cssRules
< 0: CSSStyleRule {selectorText: '#form .bdsug', style: CSSStyleDeclaration, styleMap: StylePropertyMap, cssRules: CSSRuleList, type: 1, …}
1: CSSStyleRule {selectorText: '.bdsug', style: CSSStyleDeclaration, styleMap: StylePropertyMap, cssRules: CSSRuleList, type: 1, …}
2: CSSStyleRule {selectorText: '.bdsug li', style: CSSStyleDeclaration, styleMap: StylePropertyMap, cssRules: CSSRuleList, type: 1, …}
3: CSSStyleRule {selectorText: '.bdsug li.bdsug-s', style: CSSStyleDeclaration, styleMap: StylePropertyMap, cssRules: CSSRuleList, type: 1, …}
4: CSSStyleRule {selectorText: '.bdsug-store span, .bdsug-store b', style: CSSStyleDeclaration, styleMap: StylePropertyMap, cssRules: CSSRuleList, type: 1, …}
5: CSSStyleRule {selectorText: '.bdsug-store-del', style: CSSStyleDeclaration, styleMap: StylePropertyMap, cssRules: CSSRuleList, type: 1, …}
...js
> document.styleSheets[1].addRule('div', 'border: 1px red solid !important')
< -1js
> getComputedStyle
// 有点多，结果给隐藏了，点右面看js
> temp1
< <a href="https://haokan.baidu.com/?sfrom=baidu-top" target="_blank" class="mnav c-font-normal c-color-t" style="font-size: 2em;">视频</a>
> getComputedStyle(temp1)
< {
"0": "accent-color",
"1": "align-content",
"2": "align-items",
"3": "align-self",
"4": "alignment-baseline",
"5": "anchor-name",
"6": "animation-composition",
"7": "animation-delay",
"8": "animation-direction",
"9": "animation-duration",
"10": "animation-fill-mode",
"11": "animation-iteration-count",
"12": "animation-name",
"13": "animation-play-state",
"14": "animation-range-end",
"15": "animation-range-start",
"16": "animation-timeline",
"17": "animation-timing-function",
"18": "app-region",
"19": "appearance",
"20": "backdrop-filter",
"21": "backface-visibility",
"22": "background-attachment",
"23": "background-blend-mode",
"24": "background-clip",
"25": "background-color",
"26": "background-image",
"27": "background-origin",
"28": "background-position",
"29": "background-repeat",
"30": "background-size",
"31": "baseline-shift",
"32": "baseline-source",
"33": "block-size",
"34": "border-block-end-color",
"35": "border-block-end-style",
"36": "border-block-end-width",
"37": "border-block-start-color",
"38": "border-block-start-style",
"39": "border-block-start-width",
"40": "border-bottom-color",
"41": "border-bottom-left-radius",
"42": "border-bottom-right-radius",
"43": "border-bottom-style",
"44": "border-bottom-width",
"45": "border-collapse",
"46": "border-end-end-radius",
"47": "border-end-start-radius",
"48": "border-image-outset",
"49": "border-image-repeat",
"50": "border-image-slice",
"51": "border-image-source",
"52": "border-image-width",
"53": "border-inline-end-color",
"54": "border-inline-end-style",
"55": "border-inline-end-width",
"56": "border-inline-start-color",
"57": "border-inline-start-style",
"58": "border-inline-start-width",
"59": "border-left-color",
"60": "border-left-style",
"61": "border-left-width",
"62": "border-right-color",
"63": "border-right-style",
"64": "border-right-width",
"65": "border-start-end-radius",
"66": "border-start-start-radius",
"67": "border-top-color",
"68": "border-top-left-radius",
"69": "border-top-right-radius",
"70": "border-top-style",
"71": "border-top-width",
"72": "bottom",
"73": "box-shadow",
"74": "box-sizing",
"75": "break-after",
"76": "break-before",
"77": "break-inside",
"78": "buffered-rendering",
"79": "caption-side",
"80": "caret-color",
"81": "clear",
"82": "clip",
"83": "clip-path",
"84": "clip-rule",
"85": "color",
"86": "color-interpolation",
"87": "color-interpolation-filters",
"88": "color-rendering",
"89": "column-count",
"90": "column-gap",
"91": "column-rule-color",
"92": "column-rule-style",
"93": "column-rule-width",
"94": "column-span",
"95": "column-width",
"96": "contain-intrinsic-block-size",
"97": "contain-intrinsic-height",
"98": "contain-intrinsic-inline-size",
"99": "contain-intrinsic-size",
"100": "contain-intrinsic-width",
"101": "container-name",
"102": "container-type",
"103": "content",
"104": "cursor",
"105": "cx",
"106": "cy",
"107": "d",
"108": "direction",
"109": "display",
"110": "dominant-baseline",
"111": "empty-cells",
"112": "field-sizing",
"113": "fill",
"114": "fill-opacity",
"115": "fill-rule",
"116": "filter",
"117": "flex-basis",
"118": "flex-direction",
"119": "flex-grow",
"120": "flex-shrink",
"121": "flex-wrap",
"122": "float",
"123": "flood-color",
"124": "flood-opacity",
"125": "font-family",
"126": "font-kerning",
"127": "font-optical-sizing",
"128": "font-palette",
"129": "font-size",
"130": "font-size-adjust",
"131": "font-stretch",
"132": "font-style",
"133": "font-synthesis-small-caps",
"134": "font-synthesis-style",
"135": "font-synthesis-weight",
"136": "font-variant",
"137": "font-variant-alternates",
"138": "font-variant-caps",
"139": "font-variant-east-asian",
"140": "font-variant-ligatures",
"141": "font-variant-numeric",
"142": "font-variant-position",
"143": "font-weight",
"144": "grid-auto-columns",
"145": "grid-auto-flow",
"146": "grid-auto-rows",
"147": "grid-column-end",
"148": "grid-column-start",
"149": "grid-row-end",
"150": "grid-row-start",
"151": "grid-template-areas",
"152": "grid-template-columns",
"153": "grid-template-rows",
"154": "height",
"155": "hyphenate-character",
"156": "hyphenate-limit-chars",
"157": "hyphens",
"158": "image-orientation",
"159": "image-rendering",
"160": "initial-letter",
"161": "inline-size",
"162": "inset-area",
"163": "inset-block-end",
"164": "inset-block-start",
"165": "inset-inline-end",
"166": "inset-inline-start",
"167": "isolation",
"168": "justify-content",
"169": "justify-items",
"170": "justify-self",
"171": "left",
"172": "letter-spacing",
"173": "lighting-color",
"174": "line-break",
"175": "line-height",
"176": "list-style-image",
"177": "list-style-position",
"178": "list-style-type",
"179": "margin-block-end",
"180": "margin-block-start",
"181": "margin-bottom",
"182": "margin-inline-end",
"183": "margin-inline-start",
"184": "margin-left",
"185": "margin-right",
"186": "margin-top",
"187": "marker-end",
"188": "marker-mid",
"189": "marker-start",
"190": "mask-clip",
"191": "mask-composite",
"192": "mask-image",
"193": "mask-mode",
"194": "mask-origin",
"195": "mask-position",
"196": "mask-repeat",
"197": "mask-size",
"198": "mask-type",
"199": "math-depth",
"200": "math-shift",
"201": "math-style",
"202": "max-block-size",
"203": "max-height",
"204": "max-inline-size",
"205": "max-width",
"206": "min-block-size",
"207": "min-height",
"208": "min-inline-size",
"209": "min-width",
"210": "mix-blend-mode",
"211": "object-fit",
"212": "object-position",
"213": "object-view-box",
"214": "offset-anchor",
"215": "offset-distance",
"216": "offset-path",
"217": "offset-position",
"218": "offset-rotate",
"219": "opacity",
"220": "order",
"221": "orphans",
"222": "outline-color",
"223": "outline-offset",
"224": "outline-style",
"225": "outline-width",
"226": "overflow-anchor",
"227": "overflow-clip-margin",
"228": "overflow-wrap",
"229": "overflow-x",
"230": "overflow-y",
"231": "overlay",
"232": "overscroll-behavior-block",
"233": "overscroll-behavior-inline",
"234": "padding-block-end",
"235": "padding-block-start",
"236": "padding-bottom",
"237": "padding-inline-end",
"238": "padding-inline-start",
"239": "padding-left",
"240": "padding-right",
"241": "padding-top",
"242": "paint-order",
"243": "perspective",
"244": "perspective-origin",
"245": "pointer-events",
"246": "position",
"247": "position-anchor",
"248": "position-try-fallbacks",
"249": "position-try-order",
"250": "position-visibility",
"251": "r",
"252": "resize",
"253": "right",
"254": "rotate",
"255": "row-gap",
"256": "ruby-align",
"257": "ruby-position",
"258": "rx",
"259": "ry",
"260": "scale",
"261": "scroll-behavior",
"262": "scroll-margin-block-end",
"263": "scroll-margin-block-start",
"264": "scroll-margin-inline-end",
"265": "scroll-margin-inline-start",
"266": "scroll-padding-block-end",
"267": "scroll-padding-block-start",
"268": "scroll-padding-inline-end",
"269": "scroll-padding-inline-start",
"270": "scroll-timeline-axis",
"271": "scroll-timeline-name",
"272": "scrollbar-color",
"273": "scrollbar-gutter",
"274": "scrollbar-width",
"275": "shape-image-threshold",
"276": "shape-margin",
"277": "shape-outside",
"278": "shape-rendering",
"279": "speak",
"280": "stop-color",
"281": "stop-opacity",
"282": "stroke",
"283": "stroke-dasharray",
"284": "stroke-dashoffset",
"285": "stroke-linecap",
"286": "stroke-linejoin",
"287": "stroke-miterlimit",
"288": "stroke-opacity",
"289": "stroke-width",
"290": "tab-size",
"291": "table-layout",
"292": "text-align",
"293": "text-align-last",
"294": "text-anchor",
"295": "text-decoration",
"296": "text-decoration-color",
"297": "text-decoration-line",
"298": "text-decoration-skip-ink",
"299": "text-decoration-style",
"300": "text-emphasis-color",
"301": "text-emphasis-position",
"302": "text-emphasis-style",
"303": "text-indent",
"304": "text-overflow",
"305": "text-rendering",
"306": "text-shadow",
"307": "text-size-adjust",
"308": "text-spacing-trim",
"309": "text-transform",
"310": "text-underline-position",
"311": "text-wrap",
"312": "timeline-scope",
"313": "top",
"314": "touch-action",
"315": "transform",
"316": "transform-origin",
"317": "transform-style",
"318": "transition-behavior",
"319": "transition-delay",
"320": "transition-duration",
"321": "transition-property",
"322": "transition-timing-function",
"323": "translate",
"324": "unicode-bidi",
"325": "user-select",
"326": "vector-effect",
"327": "vertical-align",
"328": "view-timeline-axis",
"329": "view-timeline-inset",
"330": "view-timeline-name",
"331": "view-transition-class",
"332": "view-transition-name",
"333": "visibility",
"334": "white-space-collapse",
"335": "widows",
"336": "width",
"337": "will-change",
"338": "word-break",
"339": "word-spacing",
"340": "writing-mode",
"341": "x",
"342": "y",
"343": "z-index",
"344": "zoom",
"345": "-webkit-border-horizontal-spacing",
"346": "-webkit-border-image",
"347": "-webkit-border-vertical-spacing",
"348": "-webkit-box-align",
"349": "-webkit-box-decoration-break",
"350": "-webkit-box-direction",
"351": "-webkit-box-flex",
"352": "-webkit-box-ordinal-group",
"353": "-webkit-box-orient",
"354": "-webkit-box-pack",
"355": "-webkit-box-reflect",
"356": "-webkit-font-smoothing",
"357": "-webkit-line-break",
"358": "-webkit-line-clamp",
"359": "-webkit-locale",
"360": "-webkit-mask-box-image",
"361": "-webkit-mask-box-image-outset",
"362": "-webkit-mask-box-image-repeat",
"363": "-webkit-mask-box-image-slice",
"364": "-webkit-mask-box-image-source",
"365": "-webkit-mask-box-image-width",
"366": "-webkit-print-color-adjust",
"367": "-webkit-rtl-ordering",
"368": "-webkit-tap-highlight-color",
"369": "-webkit-text-combine",
"370": "-webkit-text-decorations-in-effect",
"371": "-webkit-text-fill-color",
"372": "-webkit-text-orientation",
"373": "-webkit-text-security",
"374": "-webkit-text-stroke-color",
"375": "-webkit-text-stroke-width",
"376": "-webkit-user-drag",
"377": "-webkit-user-modify",
"378": "-webkit-writing-mode",
"accentColor": "auto",
"additiveSymbols": "",
"alignContent": "normal",
"alignItems": "normal",
"alignSelf": "auto",
"alignmentBaseline": "auto",
"all": "",
"anchorName": "none",
"animation": "none 0s ease 0s 1 normal none running",
"animationComposition": "replace",
"animationDelay": "0s",
"animationDirection": "normal",
"animationDuration": "0s",
"animationFillMode": "none",
"animationIterationCount": "1",
"animationName": "none",
"animationPlayState": "running",
"animationRange": "normal",
"animationRangeEnd": "normal",
"animationRangeStart": "normal",
"animationTimeline": "auto",
"animationTimingFunction": "ease",
"appRegion": "none",
"appearance": "none",
"ascentOverride": "",
"aspectRatio": "auto",
"backdropFilter": "none",
"backfaceVisibility": "visible",
"background": "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box",
"backgroundAttachment": "scroll",
"backgroundBlendMode": "normal",
"backgroundClip": "border-box",
"backgroundColor": "rgba(0, 0, 0, 0)",
"backgroundImage": "none",
"backgroundOrigin": "padding-box",
"backgroundPosition": "0% 0%",
"backgroundPositionX": "0%",
"backgroundPositionY": "0%",
"backgroundRepeat": "repeat",
"backgroundSize": "auto",
"basePalette": "",
"baselineShift": "0px",
"baselineSource": "auto",
"blockSize": "23px",
"border": "0px none rgb(34, 34, 34)",
"borderBlock": "0px none rgb(34, 34, 34)",
"borderBlockColor": "rgb(34, 34, 34)",
"borderBlockEnd": "0px none rgb(34, 34, 34)",
"borderBlockEndColor": "rgb(34, 34, 34)",
"borderBlockEndStyle": "none",
"borderBlockEndWidth": "0px",
"borderBlockStart": "0px none rgb(34, 34, 34)",
"borderBlockStartColor": "rgb(34, 34, 34)",
"borderBlockStartStyle": "none",
"borderBlockStartWidth": "0px",
"borderBlockStyle": "none",
"borderBlockWidth": "0px",
"borderBottom": "0px none rgb(34, 34, 34)",
"borderBottomColor": "rgb(34, 34, 34)",
"borderBottomLeftRadius": "0px",
"borderBottomRightRadius": "0px",
"borderBottomStyle": "none",
"borderBottomWidth": "0px",
"borderCollapse": "separate",
"borderColor": "rgb(34, 34, 34)",
"borderEndEndRadius": "0px",
"borderEndStartRadius": "0px",
"borderImage": "none",
"borderImageOutset": "0",
"borderImageRepeat": "stretch",
"borderImageSlice": "100%",
"borderImageSource": "none",
"borderImageWidth": "1",
"borderInline": "0px none rgb(34, 34, 34)",
"borderInlineColor": "rgb(34, 34, 34)",
"borderInlineEnd": "0px none rgb(34, 34, 34)",
"borderInlineEndColor": "rgb(34, 34, 34)",
"borderInlineEndStyle": "none",
"borderInlineEndWidth": "0px",
"borderInlineStart": "0px none rgb(34, 34, 34)",
"borderInlineStartColor": "rgb(34, 34, 34)",
"borderInlineStartStyle": "none",
"borderInlineStartWidth": "0px",
"borderInlineStyle": "none",
"borderInlineWidth": "0px",
"borderLeft": "0px none rgb(34, 34, 34)",
"borderLeftColor": "rgb(34, 34, 34)",
"borderLeftStyle": "none",
"borderLeftWidth": "0px",
"borderRadius": "0px",
"borderRight": "0px none rgb(34, 34, 34)",
"borderRightColor": "rgb(34, 34, 34)",
"borderRightStyle": "none",
"borderRightWidth": "0px",
"borderSpacing": "0px 0px",
"borderStartEndRadius": "0px",
"borderStartStartRadius": "0px",
"borderStyle": "none",
"borderTop": "0px none rgb(34, 34, 34)",
"borderTopColor": "rgb(34, 34, 34)",
"borderTopLeftRadius": "0px",
"borderTopRightRadius": "0px",
"borderTopStyle": "none",
"borderTopWidth": "0px",
"borderWidth": "0px",
"bottom": "0px",
"boxShadow": "none",
"boxSizing": "content-box",
"breakAfter": "auto",
"breakBefore": "auto",
"breakInside": "auto",
"bufferedRendering": "auto",
"captionSide": "top",
"caretColor": "rgb(34, 34, 34)",
"clear": "none",
"clip": "auto",
"clipPath": "none",
"clipRule": "nonzero",
"color": "rgb(34, 34, 34)",
"colorInterpolation": "srgb",
"colorInterpolationFilters": "linearrgb",
"colorRendering": "auto",
"colorScheme": "normal",
"columnCount": "auto",
"columnFill": "balance",
"columnGap": "normal",
"columnRule": "0px none rgb(34, 34, 34)",
"columnRuleColor": "rgb(34, 34, 34)",
"columnRuleStyle": "none",
"columnRuleWidth": "0px",
"columnSpan": "none",
"columnWidth": "auto",
"columns": "auto auto",
"contain": "none",
"containIntrinsicBlockSize": "none",
"containIntrinsicHeight": "none",
"containIntrinsicInlineSize": "none",
"containIntrinsicSize": "none",
"containIntrinsicWidth": "none",
"container": "none",
"containerName": "none",
"containerType": "normal",
"content": "normal",
"contentVisibility": "visible",
"counterIncrement": "none",
"counterReset": "none",
"counterSet": "none",
"cursor": "pointer",
"cx": "0px",
"cy": "0px",
"d": "none",
"descentOverride": "",
"direction": "ltr",
"display": "inline-block",
"dominantBaseline": "auto",
"emptyCells": "show",
"fallback": "",
"fieldSizing": "fixed",
"fill": "rgb(0, 0, 0)",
"fillOpacity": "1",
"fillRule": "nonzero",
"filter": "none",
"flex": "0 1 auto",
"flexBasis": "auto",
"flexDirection": "row",
"flexFlow": "row nowrap",
"flexGrow": "0",
"flexShrink": "1",
"flexWrap": "nowrap",
"float": "none",
"floodColor": "rgb(0, 0, 0)",
"floodOpacity": "1",
"font": "24px / 23px Arial, sans-serif",
"fontDisplay": "",
"fontFamily": "Arial, sans-serif",
"fontFeatureSettings": "normal",
"fontKerning": "auto",
"fontOpticalSizing": "auto",
"fontPalette": "normal",
"fontSize": "24px",
"fontSizeAdjust": "none",
"fontStretch": "100%",
"fontStyle": "normal",
"fontSynthesis": "weight style small-caps",
"fontSynthesisSmallCaps": "auto",
"fontSynthesisStyle": "auto",
"fontSynthesisWeight": "auto",
"fontVariant": "normal",
"fontVariantAlternates": "normal",
"fontVariantCaps": "normal",
"fontVariantEastAsian": "normal",
"fontVariantLigatures": "normal",
"fontVariantNumeric": "normal",
"fontVariantPosition": "normal",
"fontVariationSettings": "normal",
"fontWeight": "400",
"forcedColorAdjust": "auto",
"gap": "normal",
"grid": "none / none / none / row / auto / auto",
"gridArea": "auto",
"gridAutoColumns": "auto",
"gridAutoFlow": "row",
"gridAutoRows": "auto",
"gridColumn": "auto",
"gridColumnEnd": "auto",
"gridColumnGap": "normal",
"gridColumnStart": "auto",
"gridGap": "normal",
"gridRow": "auto",
"gridRowEnd": "auto",
"gridRowGap": "normal",
"gridRowStart": "auto",
"gridTemplate": "none",
"gridTemplateAreas": "none",
"gridTemplateColumns": "none",
"gridTemplateRows": "none",
"height": "23px",
"hyphenateCharacter": "auto",
"hyphenateLimitChars": "auto",
"hyphens": "manual",
"imageOrientation": "from-image",
"imageRendering": "auto",
"inherits": "",
"initialLetter": "normal",
"initialValue": "",
"inlineSize": "48px",
"inset": "0px",
"insetArea": "none",
"insetBlock": "0px",
"insetBlockEnd": "0px",
"insetBlockStart": "0px",
"insetInline": "0px",
"insetInlineEnd": "0px",
"insetInlineStart": "0px",
"isolation": "auto",
"justifyContent": "normal",
"justifyItems": "normal",
"justifySelf": "auto",
"left": "0px",
"letterSpacing": "normal",
"lightingColor": "rgb(255, 255, 255)",
"lineBreak": "auto",
"lineGapOverride": "",
"lineHeight": "23px",
"listStyle": "outside none disc",
"listStyleImage": "none",
"listStylePosition": "outside",
"listStyleType": "disc",
"margin": "19px 24px 0px 0px",
"marginBlock": "19px 0px",
"marginBlockEnd": "0px",
"marginBlockStart": "19px",
"marginBottom": "0px",
"marginInline": "0px 24px",
"marginInlineEnd": "24px",
"marginInlineStart": "0px",
"marginLeft": "0px",
"marginRight": "24px",
"marginTop": "19px",
"marker": "none",
"markerEnd": "none",
"markerMid": "none",
"markerStart": "none",
"mask": "none",
"maskClip": "border-box",
"maskComposite": "add",
"maskImage": "none",
"maskMode": "match-source",
"maskOrigin": "border-box",
"maskPosition": "0% 0%",
"maskRepeat": "repeat",
"maskSize": "auto",
"maskType": "luminance",
"mathDepth": "0",
"mathShift": "normal",
"mathStyle": "normal",
"maxBlockSize": "none",
"maxHeight": "none",
"maxInlineSize": "none",
"maxWidth": "none",
"minBlockSize": "0px",
"minHeight": "0px",
"minInlineSize": "0px",
"minWidth": "0px",
"mixBlendMode": "normal",
"navigation": "",
"negative": "",
"objectFit": "fill",
"objectPosition": "50% 50%",
"objectViewBox": "none",
"offset": "none 0px auto 0deg",
"offsetAnchor": "auto",
"offsetDistance": "0px",
"offsetPath": "none",
"offsetPosition": "normal",
"offsetRotate": "auto 0deg",
"opacity": "1",
"order": "0",
"orphans": "2",
"outline": "rgb(34, 34, 34) none 0px",
"outlineColor": "rgb(34, 34, 34)",
"outlineOffset": "0px",
"outlineStyle": "none",
"outlineWidth": "0px",
"overflow": "visible",
"overflowAnchor": "auto",
"overflowClipMargin": "0px",
"overflowWrap": "normal",
"overflowX": "visible",
"overflowY": "visible",
"overlay": "none",
"overrideColors": "",
"overscrollBehavior": "auto",
"overscrollBehaviorBlock": "auto",
"overscrollBehaviorInline": "auto",
"overscrollBehaviorX": "auto",
"overscrollBehaviorY": "auto",
"pad": "",
"padding": "0px",
"paddingBlock": "0px",
"paddingBlockEnd": "0px",
"paddingBlockStart": "0px",
"paddingBottom": "0px",
"paddingInline": "0px",
"paddingInlineEnd": "0px",
"paddingInlineStart": "0px",
"paddingLeft": "0px",
"paddingRight": "0px",
"paddingTop": "0px",
"page": "auto",
"pageBreakAfter": "auto",
"pageBreakBefore": "auto",
"pageBreakInside": "auto",
"pageOrientation": "",
"paintOrder": "normal",
"perspective": "none",
"perspectiveOrigin": "24px 11.5px",
"placeContent": "normal",
"placeItems": "normal",
"placeSelf": "auto",
"pointerEvents": "auto",
"position": "relative",
"positionAnchor": "auto",
"positionTry": "none",
"positionTryFallbacks": "none",
"positionTryOrder": "normal",
"positionVisibility": "always",
"prefix": "",
"quotes": "auto",
"r": "0px",
"range": "",
"resize": "none",
"right": "0px",
"rotate": "none",
"rowGap": "normal",
"rubyAlign": "space-around",
"rubyPosition": "over",
"rx": "auto",
"ry": "auto",
"scale": "none",
"scrollBehavior": "auto",
"scrollMargin": "0px",
"scrollMarginBlock": "0px",
"scrollMarginBlockEnd": "0px",
"scrollMarginBlockStart": "0px",
"scrollMarginBottom": "0px",
"scrollMarginInline": "0px",
"scrollMarginInlineEnd": "0px",
"scrollMarginInlineStart": "0px",
"scrollMarginLeft": "0px",
"scrollMarginRight": "0px",
"scrollMarginTop": "0px",
"scrollPadding": "auto",
"scrollPaddingBlock": "auto",
"scrollPaddingBlockEnd": "auto",
"scrollPaddingBlockStart": "auto",
"scrollPaddingBottom": "auto",
"scrollPaddingInline": "auto",
"scrollPaddingInlineEnd": "auto",
"scrollPaddingInlineStart": "auto",
"scrollPaddingLeft": "auto",
"scrollPaddingRight": "auto",
"scrollPaddingTop": "auto",
"scrollSnapAlign": "none",
"scrollSnapStop": "normal",
"scrollSnapType": "none",
"scrollTimeline": "none",
"scrollTimelineAxis": "block",
"scrollTimelineName": "none",
"scrollbarColor": "auto",
"scrollbarGutter": "auto",
"scrollbarWidth": "auto",
"shapeImageThreshold": "0",
"shapeMargin": "0px",
"shapeOutside": "none",
"shapeRendering": "auto",
"size": "",
"sizeAdjust": "",
"speak": "normal",
"speakAs": "",
"src": "",
"stopColor": "rgb(0, 0, 0)",
"stopOpacity": "1",
"stroke": "none",
"strokeDasharray": "none",
"strokeDashoffset": "0px",
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterlimit": "4",
"strokeOpacity": "1",
"strokeWidth": "1px",
"suffix": "",
"symbols": "",
"syntax": "",
"system": "",
"tabSize": "8",
"tableLayout": "auto",
"textAlign": "center",
"textAlignLast": "auto",
"textAnchor": "start",
"textCombineUpright": "none",
"textDecoration": "none solid rgb(34, 34, 34)",
"textDecorationColor": "rgb(34, 34, 34)",
"textDecorationLine": "none",
"textDecorationSkipInk": "auto",
"textDecorationStyle": "solid",
"textDecorationThickness": "auto",
"textEmphasis": "none rgb(34, 34, 34)",
"textEmphasisColor": "rgb(34, 34, 34)",
"textEmphasisPosition": "over",
"textEmphasisStyle": "none",
"textIndent": "0px",
"textOrientation": "mixed",
"textOverflow": "clip",
"textRendering": "auto",
"textShadow": "none",
"textSizeAdjust": "auto",
"textSpacingTrim": "normal",
"textTransform": "none",
"textUnderlineOffset": "auto",
"textUnderlinePosition": "auto",
"textWrap": "wrap",
"timelineScope": "none",
"top": "0px",
"touchAction": "auto",
"transform": "none",
"transformBox": "view-box",
"transformOrigin": "24px 11.5px",
"transformStyle": "flat",
"transition": "all",
"transitionBehavior": "normal",
"transitionDelay": "0s",
"transitionDuration": "0s",
"transitionProperty": "all",
"transitionTimingFunction": "ease",
"translate": "none",
"types": "",
"unicodeBidi": "normal",
"unicodeRange": "",
"userSelect": "auto",
"vectorEffect": "none",
"verticalAlign": "baseline",
"viewTimeline": "none",
"viewTimelineAxis": "block",
"viewTimelineInset": "auto",
"viewTimelineName": "none",
"viewTransitionClass": "none",
"viewTransitionName": "none",
"visibility": "visible",
"webkitAlignContent": "normal",
"webkitAlignItems": "normal",
"webkitAlignSelf": "auto",
"webkitAnimation": "none 0s ease 0s 1 normal none running",
"webkitAnimationDelay": "0s",
"webkitAnimationDirection": "normal",
"webkitAnimationDuration": "0s",
"webkitAnimationFillMode": "none",
"webkitAnimationIterationCount": "1",
"webkitAnimationName": "none",
"webkitAnimationPlayState": "running",
"webkitAnimationTimingFunction": "ease",
"webkitAppRegion": "none",
"webkitAppearance": "none",
"webkitBackfaceVisibility": "visible",
"webkitBackgroundClip": "border-box",
"webkitBackgroundOrigin": "padding-box",
"webkitBackgroundSize": "auto",
"webkitBorderAfter": "0px none rgb(34, 34, 34)",
"webkitBorderAfterColor": "rgb(34, 34, 34)",
"webkitBorderAfterStyle": "none",
"webkitBorderAfterWidth": "0px",
"webkitBorderBefore": "0px none rgb(34, 34, 34)",
"webkitBorderBeforeColor": "rgb(34, 34, 34)",
"webkitBorderBeforeStyle": "none",
"webkitBorderBeforeWidth": "0px",
"webkitBorderBottomLeftRadius": "0px",
"webkitBorderBottomRightRadius": "0px",
"webkitBorderEnd": "0px none rgb(34, 34, 34)",
"webkitBorderEndColor": "rgb(34, 34, 34)",
"webkitBorderEndStyle": "none",
"webkitBorderEndWidth": "0px",
"webkitBorderHorizontalSpacing": "0px",
"webkitBorderImage": "none",
"webkitBorderRadius": "0px",
"webkitBorderStart": "0px none rgb(34, 34, 34)",
"webkitBorderStartColor": "rgb(34, 34, 34)",
"webkitBorderStartStyle": "none",
"webkitBorderStartWidth": "0px",
"webkitBorderTopLeftRadius": "0px",
"webkitBorderTopRightRadius": "0px",
"webkitBorderVerticalSpacing": "0px",
"webkitBoxAlign": "stretch",
"webkitBoxDecorationBreak": "slice",
"webkitBoxDirection": "normal",
"webkitBoxFlex": "0",
"webkitBoxOrdinalGroup": "1",
"webkitBoxOrient": "horizontal",
"webkitBoxPack": "start",
"webkitBoxReflect": "none",
"webkitBoxShadow": "none",
"webkitBoxSizing": "content-box",
"webkitClipPath": "none",
"webkitColumnBreakAfter": "auto",
"webkitColumnBreakBefore": "auto",
"webkitColumnBreakInside": "auto",
"webkitColumnCount": "auto",
"webkitColumnGap": "normal",
"webkitColumnRule": "0px none rgb(34, 34, 34)",
"webkitColumnRuleColor": "rgb(34, 34, 34)",
"webkitColumnRuleStyle": "none",
"webkitColumnRuleWidth": "0px",
"webkitColumnSpan": "none",
"webkitColumnWidth": "auto",
"webkitColumns": "auto auto",
"webkitFilter": "none",
"webkitFlex": "0 1 auto",
"webkitFlexBasis": "auto",
"webkitFlexDirection": "row",
"webkitFlexFlow": "row nowrap",
"webkitFlexGrow": "0",
"webkitFlexShrink": "1",
"webkitFlexWrap": "nowrap",
"webkitFontFeatureSettings": "normal",
"webkitFontSmoothing": "auto",
"webkitHyphenateCharacter": "auto",
"webkitJustifyContent": "normal",
"webkitLineBreak": "auto",
"webkitLineClamp": "none",
"webkitLocale": "auto",
"webkitLogicalHeight": "23px",
"webkitLogicalWidth": "48px",
"webkitMarginAfter": "0px",
"webkitMarginBefore": "19px",
"webkitMarginEnd": "24px",
"webkitMarginStart": "0px",
"webkitMask": "none",
"webkitMaskBoxImage": "none",
"webkitMaskBoxImageOutset": "0",
"webkitMaskBoxImageRepeat": "stretch",
"webkitMaskBoxImageSlice": "0 fill",
"webkitMaskBoxImageSource": "none",
"webkitMaskBoxImageWidth": "auto",
"webkitMaskClip": "border-box",
"webkitMaskComposite": "add",
"webkitMaskImage": "none",
"webkitMaskOrigin": "border-box",
"webkitMaskPosition": "0% 0%",
"webkitMaskPositionX": "0%",
"webkitMaskPositionY": "0%",
"webkitMaskRepeat": "repeat",
"webkitMaskSize": "auto",
"webkitMaxLogicalHeight": "none",
"webkitMaxLogicalWidth": "none",
"webkitMinLogicalHeight": "0px",
"webkitMinLogicalWidth": "0px",
"webkitOpacity": "1",
"webkitOrder": "0",
"webkitPaddingAfter": "0px",
"webkitPaddingBefore": "0px",
"webkitPaddingEnd": "0px",
"webkitPaddingStart": "0px",
"webkitPerspective": "none",
"webkitPerspectiveOrigin": "24px 11.5px",
"webkitPerspectiveOriginX": "",
"webkitPerspectiveOriginY": "",
"webkitPrintColorAdjust": "economy",
"webkitRtlOrdering": "logical",
"webkitRubyPosition": "before",
"webkitShapeImageThreshold": "0",
"webkitShapeMargin": "0px",
"webkitShapeOutside": "none",
"webkitTapHighlightColor": "rgba(0, 0, 0, 0.18)",
"webkitTextCombine": "none",
"webkitTextDecorationsInEffect": "none",
"webkitTextEmphasis": "none rgb(34, 34, 34)",
"webkitTextEmphasisColor": "rgb(34, 34, 34)",
"webkitTextEmphasisPosition": "over",
"webkitTextEmphasisStyle": "none",
"webkitTextFillColor": "rgb(34, 34, 34)",
"webkitTextOrientation": "vertical-right",
"webkitTextSecurity": "none",
"webkitTextSizeAdjust": "auto",
"webkitTextStroke": "0px rgb(34, 34, 34)",
"webkitTextStrokeColor": "rgb(34, 34, 34)",
"webkitTextStrokeWidth": "0px",
"webkitTransform": "none",
"webkitTransformOrigin": "24px 11.5px",
"webkitTransformOriginX": "",
"webkitTransformOriginY": "",
"webkitTransformOriginZ": "",
"webkitTransformStyle": "flat",
"webkitTransition": "all",
"webkitTransitionDelay": "0s",
"webkitTransitionDuration": "0s",
"webkitTransitionProperty": "all",
"webkitTransitionTimingFunction": "ease",
"webkitUserDrag": "auto",
"webkitUserModify": "read-only",
"webkitUserSelect": "auto",
"webkitWritingMode": "horizontal-tb",
"whiteSpace": "normal",
"whiteSpaceCollapse": "collapse",
"widows": "2",
"width": "48px",
"willChange": "auto",
"wordBreak": "normal",
"wordSpacing": "0px",
"wordWrap": "normal",
"writingMode": "horizontal-tb",
"x": "0px",
"y": "0px",
"zIndex": "auto",
"zoom": "1"
}css
will-change: transform;