Question

it’s useful when developing to know all the css properties implemented for specific element but chrome stable release doesn’t do that,
here is and example, the body element have gradient background but of course to implement this on all the browsers you have to do this

background: -webkit-gradient(radial, center center, 500, center center, 1400, from(transparent), to(rgba(0, 0, 0, 0.6))) white;
background: -webkit-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:    -moz-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:     -ms-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:      -o-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background: radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;

like here

so when you inspect the body element in chrome stable release you get this

but in the canary you get this

so is there away to enable the stable release to show all the repetitive properties?

Answer 1

Well, Chrome simply ignore the properties that are not targeted to him … it’s normal. If you want to test / debug your code for other properties (with other vendor prefix) you should test / debug them with the right browser : chrome dev tools are not made for this.