Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

Expand CSS shorthand properties

Expand CSS shorthand properties

In the styles pane, you can expand CSS shorthand properties like flex or padding and see the full range of properties which are defined for you. E.g.

flex: 0 0 45%;

Translates to:

flex-grow: 0;
flex-shrink: 0;
flex-basis: 45%;

Just click the small arrow near the shorthand property to expand it.