| Summary: | Web Inspector: Styles: display longhand properties under shorthands | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Nikita Vasilyev <nvasilyev> | ||||
| Component: | Web Inspector | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | inspector-bugzilla-changes | ||||
| Priority: | P2 | ||||||
| Version: | WebKit Nightly Build | ||||||
| Hardware: | All | ||||||
| OS: | All | ||||||
| Bug Depends on: | 211467 | ||||||
| Bug Blocks: | |||||||
| Attachments: |
|
||||||
Created attachment 401367 [details] [Image] Firefox vs Chrome vs Safari Both Firefox DevTools and Chrome DevTools (a) fold longhand properties into shorthands (b) provide UI to expand shorthands to display the corresponding longhands. We should do the same. Displaying longhands as leafs of shorthands helps web developers understand CSS. Some shorthands are notoriously hard to comprehend. "font: normal 24px/1.2 sans-serif" - what is "normal" here? font-weight? font-style? font-stretch? font-variant-ligatures? font-variant-caps?