Verifies that inspector figures out overloaded properties correctly.
[expanded]
element.style { ()
[expanded]
#inspect { (<style>)
margin-top: 1px;
margin-left: 1px;
margin-right: 1px;
margin-bottom: 1px;
font: 10px Arial;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-east-asian: normal;
font-variant-alternates: normal;
font-size-adjust: none;
font-kerning: auto;
font-optical-sizing: auto;
font-feature-settings: normal;
font-variation-settings: normal;
font-variant-position: normal;
font-variant-emoji: normal;
font-weight: normal;
font-stretch: normal;
font-size: 10px;
line-height: normal;
font-family: Arial;
[expanded]
div { (<style>)
/-- overloaded --/ margin: 1px;
/-- overloaded --/ margin-top: 1px;
/-- overloaded --/ margin-right: 1px;
/-- overloaded --/ margin-bottom: 1px;
/-- overloaded --/ margin-left: 1px;
border: 1px solid black;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: black;
border-right-color: black;
border-bottom-color: black;
border-left-color: black;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
[expanded]
div { (user agent stylesheet)
display: block;
unicode-bidi: isolate;
======== Inherited from div.container ========
[expanded]
.container { (<style>)
/-- overloaded --/ font-size: 10px;