Update "CSS features reference"

[mikehoffms]

Related PRs:

• Update "CSS features reference" #3771
• CSS at-rules demos MicrosoftEdge/Demos#135

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.

AB#60101398

[learn-build-service-prod]

Learn Build status updates of commit d255439:

💡 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/reference.md	💡Suggestion	View	Details
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/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-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/position-try-rule-in-styles-tab.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/scope-rule-in-styles-tab.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/the-tooltip-documentation.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/the-tooltip-specificity.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/the-value-a-custom-property.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/toggle-common-rendering-emulations-icon.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/toggle-common-rendering-emulations.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.

microsoft-edge/devtools/css/reference.md

• Line 350, Column 60: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-property/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 386, Column 84: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-supports/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 390, Column 45: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-supports/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 414, Column 85: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-scope/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 479, Column 99: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-font-palette-values/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 517, Column 129: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-position-try/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 706, Column 10: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/highlight-pseudo-elements/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 753, Column 58: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/cascade-layers/' points to a page that doesn't exist. Check the path or URL and update the link.

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.

[learn-build-service-prod]

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

[learn-build-service-prod]

Learn Build status updates of commit 31d7520:

💡 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/reference.md	💡Suggestion	View	Details
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/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-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/position-try-rule-in-styles-tab.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/scope-rule-in-styles-tab.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/the-tooltip-documentation.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/the-tooltip-specificity.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/the-value-a-custom-property.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/toggle-common-rendering-emulations-icon.png	✅Succeeded	View
microsoft-edge/devtools/css/reference-images/toggle-common-rendering-emulations.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.

microsoft-edge/devtools/css/reference.md

• Line 348, Column 60: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-property/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 388, Column 84: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-supports/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 416, Column 85: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-scope/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 485, Column 99: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-font-palette-values/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 523, Column 129: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/at-rules-position-try/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 718, Column 10: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/highlight-pseudo-elements/' points to a page that doesn't exist. Check the path or URL and update the link.
• Line 769, Column 58: [Suggestion: other-site-link-broken - See documentation] Link 'https://microsoftedge.github.io/Demos/cascade-layers/' points to a page that doesn't exist. Check the path or URL and update the link.

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.