Update "CSS features reference"

[mikehoffms]

Related PRs:

• Update "CSS features reference" #3771
• CSS at-rules demos MicrosoftEdge/Demos#135
• Clarify Readme steps to add new sample MicrosoftEdge/Demos#137

Rendered article sections for review:

• CSS features reference
  • /devtools/css/reference.md
  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/devtools/css/reference?branch=pr-en-us-3771
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/css-ref/microsoft-edge/devtools/css/reference.md
  • Before/live: https://learn.microsoft.com/microsoft-edge/devtools/css/reference
  • Upstream: https://developer.chrome.com/docs/devtools/css/reference/
  • Revealed headings.
  • Updated local TOC.
  • Populated text in sections.
  • Populated pngs in sections.
  • todo: link to missing docs.

---

Ended having to do dup maintenance of lists of samples

• /devtools/samples/index.md

  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/devtools/samples/index?branch=pr-en-us-3771
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/css-ref/microsoft-edge/devtools/samples/index.md
  • Before/live: https://learn.microsoft.com/microsoft-edge/devtools/samples/
  • Deleted table of samples, linked to it in Demos repo's main Readme.

• /extensions/samples/index.md

  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/extensions/samples/index?branch=pr-en-us-3771
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/css-ref/microsoft-edge/extensions/samples/index.md
  • Before/live: https://learn.microsoft.com/microsoft-edge/extensions/samples/
  • Deleted table of samples; linked to table of samples in Demos repo's main Readme.

• /progressive-web-apps/samples/index.md

  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps/samples/index?branch=pr-en-us-3771
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/css-ref/microsoft-edge/progressive-web-apps/samples/index.md
  • Before/live: https://learn.microsoft.com/microsoft-edge/progressive-web-apps/samples/
  • Deleted sections about samples that are in Demos repo (kept two that are in different repos), linked to them in Demos repo's main Readme and demo dir Readmes.
    • Deleted their .pngs; moved them to Demos repo PR.

• /web-platform/samples.md

  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/web-platform/samples?branch=pr-en-us-3771
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/css-ref/microsoft-edge/web-platform/samples.md
  • Before/live: https://learn.microsoft.com/microsoft-edge/web-platform/samples
  • Deleted table of samples, linked to it in Demos repo's main Readme.

---

Normalized referring to [MicrosoftEdge / Demos] repo

• /devtools/css/index.md

  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/devtools/css/index?branch=pr-en-us-3771
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/css-ref/microsoft-edge/devtools/css/index.md
  • Before/live: https://learn.microsoft.com/microsoft-edge/devtools/css/
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/customize/extensions.md

  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/devtools/customize/extensions?branch=pr-en-us-3771
  • External preview:
  • Before/live: https://learn.microsoft.com/microsoft-edge/devtools/customize/extensions
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/dom/index.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/dom/index?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/javascript/index.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/javascript/index?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/memory-problems/dom-leaks-memory-tool-detached-elements.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/memory-problems/dom-leaks-memory-tool-detached-elements?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/memory-problems/heap-snapshots.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/memory-problems/heap-snapshots?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/network/index.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/network/index?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/performance/extension.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/performance/extension?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/quick-source/quick-source-tool.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/quick-source/quick-source-tool?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/sources/index.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/sources/index?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/speed/get-started.md

  • Internal preview:
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /devtools/workspaces/workspace-tutorial.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/devtools/speed/get-started?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /progressive-web-apps/how-to/sidebar.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/progressive-web-apps/how-to/sidebar?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /visual-studio-code/microsoft-edge-devtools-extension/get-started-launch-instance.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/get-started-launch-instance?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /visual-studio-code/microsoft-edge-devtools-extension/get-started-launch-project.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/get-started-launch-project?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /visual-studio-code/microsoft-edge-devtools-extension/get-started-right-click-html.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/get-started-right-click-html?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /visual-studio-code/microsoft-edge-devtools-extension/get-started.md

  • Internal preview:
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /visual-studio-code/microsoft-edge-devtools-extension/install.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/get-started?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

• /web-platform/writing-assistance-apis.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/web-platform/writing-assistance-apis?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Condensed wording at "to enable the Summarizer API, you had to enable the Summarizer API by".

• /webview2/how-to/machine-setup.md

  • Internal preview: https://review.learn.microsoft.com/en-us/microsoft-edge/webview2/how-to/machine-setup?branch=pr-en-us-3771
  • External preview:
  • Before/live:
  • Spelled repo name as "MicrosoftEdge / Demos".

AB#60101398

[learn-build-service-prod]

Learn Build status updates of commit e0d95b5:

💡 Validation status: suggestions

File	Status	Preview URL	Details
microsoft-edge/devtools/css/reference-images/at-position-try-popovertarget.png	💡Suggestion	View	Details
microsoft-edge/devtools/css/reference-images/at-property-itemsize.png	💡Suggestion	View	Details
microsoft-edge/devtools/css/index.md	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/at-font-palette-values-at-rule-rendered.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/at-position-try-at-rule-rendered.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/at-property-tooltip.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/at-scope-at-rule-rendered.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/cascade-layers.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/change-length-values.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/copy-css-dropdown-menu.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/css-elements-computed-h1.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/css-elements-styles-h1-2.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/css-elements-styles-h1-highlight.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/css-elements-styles-h1.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/css-elements-styles-insert-style-rule-below.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/dragging-control-point.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/dragging-control-points.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/easing-editor.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/easing-function-ease-in-out.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/easing-function-ease-in.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/easing-function-ease-out.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/easing-function-linear.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/emulate-focused-page.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/insert-style-rule-below-icon.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/new-style-rule-icon.png	✅Succeeded	View

This comment lists only the first 25 files in the pull request.

microsoft-edge/devtools/css/reference-images/at-position-try-popovertarget.png

• Line 0, Column 0: [Suggestion: image-name-incomplete - See documentation] The image name contains an incomplete word, misspelled word, acronym, or abbreviation that is disallowed.

microsoft-edge/devtools/css/reference-images/at-property-itemsize.png

• Line 0, Column 0: [Suggestion: image-name-incomplete - See documentation] The image name contains an incomplete word, misspelled word, acronym, or abbreviation that is disallowed.

For more details, please refer to the build report.

Note: Your PR may contain errors or warnings or suggestions unrelated to the files you changed. This happens when external dependencies like GitHub alias, Microsoft alias, cross repo links are updated. Please use these instructions to resolve them.

[mikehoffms]

LGTM - Writer/Editor