Convert spec table in CSS properties (from a to e) #6253

teoli2003 · 2021-06-23T07:21:00Z

This is part of #1146.

This converts the CSS properties (from a to e) to the {{Specifications}} macro.

I left 1 type value with the old table. They are recent additions to the standard and have no bcd entries (not supported anywhere I guess). The tables will be replaced when they get bcd:

abs()

Note that:

basic-shape: polygon(), circle(), inset() are missing a spec_url; this will be fixed in Fixes/Adds mdn_url and spec_url in css basic-shape values. browser-compat-data#11207 (meanwhile there will be the error message)
ellipse() is missing the whole bcd, so it loses its table (until a bcd entry is added, which I don't do here)

All other pages look fine, which is really cool!

github-actions · 2021-06-23T07:24:33Z

Preview URLs

Flaws

Note! 85 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/CSS/appearance
Title: appearance (-moz-appearance, -webkit-appearance)
on GitHub
Flaw count: 3

broken_links:
- Can't resolve /en-US/docs/Mozilla/Tech/XUL/Tutorial
- Can't resolve /en-US/docs/XBL
- Is currently http:// but can become https://

URL: /en-US/docs/Web/CSS/background-position-y
Title: background-position-y
on GitHub
Flaw count: 2

macros:
- /en-US/docs/Web/CSS/background-position-inline does not exist
- /en-US/docs/Web/CSS/background-position-block does not exist

URL: /en-US/docs/Web/CSS/animation-fill-mode
Title: animation-fill-mode
on GitHub
Flaw count: 5

broken_links:
- Can't resolve /en-US/docs/CSS
- Can't resolve /en-US/docs/CSS/@keyframes
- Can't resolve /en-US/docs/CSS/@keyframes
- Anchor not lowercase
- Can't resolve /en-US/docs/CSS/CSS_animations

URL: /en-US/docs/Web/CSS/background-color
Title: background-color
on GitHub
Flaw count: 2

broken_links:
- Anchor not lowercase
- Can't resolve /en-US/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds

URL: /en-US/docs/Web/CSS/animation-direction
Title: animation-direction
on GitHub
Flaw count: 2

broken_links:
- Can't resolve /en-US/docs/CSS
- Anchor not lowercase

URL: /en-US/docs/Web/CSS/basic-shape/ellipse()
Title: ellipse()
on GitHub
Flaw count: 1

bad_bcd_queries:
- No BCD data for query: css.types.basic-shape.ellipse

URL: /en-US/docs/Web/CSS/background-position-x
Title: background-position-x
on GitHub
Flaw count: 2

macros:
- /en-US/docs/Web/CSS/background-position-inline does not exist
- /en-US/docs/Web/CSS/background-position-block does not exist

URL: /en-US/docs/Web/CSS/animation-play-state
Title: animation-play-state
on GitHub
Flaw count: 2

broken_links:
- Can't resolve /en-US/docs/CSS
- Anchor not lowercase

URL: /en-US/docs/Web/CSS/animation-name
Title: animation-name
on GitHub
Flaw count: 2

broken_links:
- Can't resolve /en-US/docs/CSS
- Anchor not lowercase

URL: /en-US/docs/Web/CSS/animation-delay
Title: animation-delay
on GitHub
Flaw count: 4

broken_links:
- Can't resolve /en-US/docs/CSS
- Anchor not lowercase
- Can't resolve /en-US/docs/CSS/CSS_animations
- Can't resolve /en-US/docs/CSS/Tutorials/Using_CSS_animations

URL: /en-US/docs/Web/CSS/border-image
Title: border-image
on GitHub
Flaw count: 5

macros:
- /en-US/docs/Web/CSS/conic-gradient() redirects to /en-US/docs/Web/CSS/gradient/conic-gradient()
- /en-US/docs/Web/CSS/linear-gradient() redirects to /en-US/docs/Web/CSS/gradient/linear-gradient()
- /en-US/docs/Web/CSS/repeating-linear-gradient() redirects to /en-US/docs/Web/CSS/gradient/repeating-linear-gradient()
- /en-US/docs/Web/CSS/radial-gradient() redirects to /en-US/docs/Web/CSS/gradient/radial-gradient()
- /en-US/docs/Web/CSS/repeating-radial-gradient() redirects to /en-US/docs/Web/CSS/gradient/repeating-radial-gradient()

URL: /en-US/docs/Web/CSS/background-position
Title: background-position
on GitHub
Flaw count: 2

macros:
- /en-US/docs/Web/CSS/background-position-inline does not exist
- /en-US/docs/Web/CSS/background-position-block does not exist

URL: /en-US/docs/Web/CSS/animation-duration
Title: animation-duration
on GitHub
Flaw count: 2

broken_links:
- Can't resolve /en-US/docs/CSS
- Anchor not lowercase

URL: /en-US/docs/Web/CSS/border-style
Title: border-style
on GitHub
Flaw count: 1

broken_links:
- Can't resolve /en-US/docs/CSS

URL: /en-US/docs/Web/CSS/angle-percentage
Title: <angle-percentage>
on GitHub
Flaw count: 2

broken_links:
- Can't resolve /en-US/docs/Web/CSS/conic-gradient
- Can't resolve /en-US/docs/Web/CSS/repeating-conic-gradient

URL: /en-US/docs/Web/CSS/animation-iteration-count
Title: animation-iteration-count
on GitHub
Flaw count: 2

broken_links:
- Can't resolve /en-US/docs/CSS
- Anchor not lowercase

URL: /en-US/docs/Web/CSS/background-image
Title: background-image
on GitHub
Flaw count: 7

macros:
- /en-US/docs/Web/CSS/image() redirects to /en-US/docs/Web/CSS/image/image()
- /en-US/docs/Web/CSS/image-set() redirects to /en-US/docs/Web/CSS/image/image-set()
- /en-US/docs/Web/CSS/linear-gradient() redirects to /en-US/docs/Web/CSS/gradient/linear-gradient()
- /en-US/docs/Web/CSS/radial-gradient() redirects to /en-US/docs/Web/CSS/gradient/radial-gradient()
- /en-US/docs/Web/CSS/repeating-linear-gradient() redirects to /en-US/docs/Web/CSS/gradient/repeating-linear-gradient()
- and 1 more flaws omitted
bad_bcd_links:
- no explanation!

URL: /en-US/docs/Web/CSS/border-left
Title: border-left
on GitHub
Flaw count: 1

sectioning:
- Excess <h2> tag that is NOT at root-level (id='See_also_2', text='See also')

URL: /en-US/docs/Web/CSS/animation
Title: animation
on GitHub
Flaw count: 5

macros:
- /en-US/docs/Web/CSS/single-transition-easing-function does not exist
broken_links:
- Can't resolve /en-US/docs/Web/Guide/CSS/Using_CSS_transitions#Which_CSS_properties_are_animatable
- Can't resolve /en-US/docs/Web/Guide/CSS/Using_CSS_transitions
- Anchor not lowercase
- Anchor not lowercase

URL: /en-US/docs/Web/CSS/Attribute_selectors
Title: Attribute selectors
on GitHub
Flaw count: 1

macros:
- /en-US/docs/Web/CSS/attr redirects to /en-US/docs/Web/CSS/attr()

URL: /en-US/docs/Web/CSS/aspect-ratio
Title: aspect-ratio
on GitHub
Flaw count: 2

macros:
- /en-US/docs/Web/CSS/auto redirects to /en-US/docs/Web/CSS/width
broken_links:
- Can't resolve /en-US/docs/CSS

URL: /en-US/docs/Web/CSS/element()
Title: element()
on GitHub
Flaw count: 2

macros:
- /en-US/docs/Web/CSS/image() redirects to /en-US/docs/Web/CSS/image/image()
- /en-US/docs/Web/CSS/image-set() redirects to /en-US/docs/Web/CSS/image/image-set()

URL: /en-US/docs/Web/CSS/animation-timing-function
Title: animation-timing-function
on GitHub
Flaw count: 3

macros:
- /en-US/docs/Web/CSS/timing-function redirects to /en-US/docs/Web/CSS/easing-function
broken_links:
- Anchor not lowercase
- Is currently http:// but can become https://

URL: /en-US/docs/Web/CSS/background-clip
Title: background-clip
on GitHub
Flaw count: 1

broken_links:
- Can't resolve /en-US/docs/Web/CSS/box_model

URL: /en-US/docs/Web/CSS/background-size
Title: background-size
on GitHub
Flaw count: 4

broken_links:
- Can't resolve /en-US/docs/CSS
- Is currently http:// but can become https://
- Can't resolve /en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images
- Can't resolve /en-US/docs/CSS/Scaling_background_images

External URLs

URL: /en-US/docs/Web/CSS/border-inline-start-color
Title: border-inline-start-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-origin
Title: background-origin
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-left-style
Title: border-left-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/direction
Title: direction
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-top-color
Title: border-top-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-top-style
Title: border-top-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-image-repeat
Title: border-image-repeat
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-end-color
Title: border-block-end-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline
Title: border-inline
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-start-end-radius
Title: border-start-end-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/appearance
Title: appearance (-moz-appearance, -webkit-appearance)
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-bottom-style
Title: border-bottom-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-start-style
Title: border-inline-start-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-position-y
Title: background-position-y
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block
Title: border-block
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-left-color
Title: border-left-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-right-width
Title: border-right-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/Adjacent_sibling_combinator
Title: Adjacent sibling combinator
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/attr()
Title: attr()
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/bottom
Title: bottom
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-end-color
Title: border-inline-end-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation-fill-mode
Title: animation-fill-mode
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background
Title: background
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-end-style
Title: border-inline-end-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/box-sizing
Title: box-sizing
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-end-end-radius
Title: border-end-end-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/Descendant_combinator
Title: Descendant combinator
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-image-slice
Title: border-image-slice
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-end-style
Title: border-block-end-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-color
Title: background-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-start-width
Title: border-block-start-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/box-shadow
Title: box-shadow
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/align-tracks
Title: align-tracks
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-top-left-radius
Title: border-top-left-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-bottom-right-radius
Title: border-bottom-right-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation-direction
Title: animation-direction
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-bottom
Title: border-bottom
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-start-start-radius
Title: border-start-start-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-right-style
Title: border-right-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/basic-shape
Title: <basic-shape>
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/basic-shape/polygon()
Title: polygon()
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/basic-shape/circle()
Title: circle()
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/basic-shape/ellipse()
Title: ellipse()
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/basic-shape/inset()
Title: inset()
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-position-x
Title: background-position-x
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation-play-state
Title: animation-play-state
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-start-color
Title: border-block-start-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation-name
Title: animation-name
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-image-outset
Title: border-image-outset
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation-delay
Title: animation-delay
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-collapse
Title: border-collapse
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/blend-mode
Title: <blend-mode>
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/angle
Title: <angle>
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-end
Title: border-inline-end
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-color
Title: border-block-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-image
Title: border-image
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-color
Title: border-inline-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-start
Title: border-inline-start
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-top-width
Title: border-top-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-position
Title: background-position
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/env()
Title: env()
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-width
Title: border-inline-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation-duration
Title: animation-duration
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-bottom-color
Title: border-bottom-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/block-size
Title: block-size
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-left-width
Title: border-left-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-start-style
Title: border-block-start-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/all
Title: all
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-width
Title: border-block-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-style
Title: border-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/angle-percentage
Title: <angle-percentage>
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation-iteration-count
Title: animation-iteration-count
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/dimension
Title: <dimension>
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-image
Title: background-image
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-bottom-width
Title: border-bottom-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-spacing
Title: border-spacing
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/empty-cells
Title: empty-cells
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-left
Title: border-left
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation
Title: animation
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-top
Title: border-top
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-top-right-radius
Title: border-top-right-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border
Title: border
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-blend-mode
Title: background-blend-mode
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-bottom-left-radius
Title: border-bottom-left-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/Attribute_selectors
Title: Attribute selectors
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-image-source
Title: border-image-source
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-end-width
Title: border-inline-end-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/aspect-ratio
Title: aspect-ratio
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-radius
Title: border-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-end-width
Title: border-block-end-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/element()
Title: element()
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/animation-timing-function
Title: animation-timing-function
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-end-start-radius
Title: border-end-start-radius
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-start-width
Title: border-inline-start-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-inline-style
Title: border-inline-style
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/backface-visibility
Title: backface-visibility
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-right-color
Title: border-right-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-width
Title: border-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-clip
Title: background-clip
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-start
Title: border-block-start
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/box-decoration-break
Title: box-decoration-break
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-attachment
Title: background-attachment
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/backdrop-filter
Title: backdrop-filter
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-right
Title: border-right
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-repeat
Title: background-repeat
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-image-width
Title: border-image-width
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-color
Title: border-color
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/background-size
Title: background-size
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-end
Title: border-block-end
on GitHub

No new external URLs

URL: /en-US/docs/Web/CSS/border-block-style
Title: border-block-style
on GitHub

No new external URLs

(this comment was updated 2021-06-23 08:30:16.321236)

Convert spec table in CSS properties (from a to e)

6dd9dc1

teoli2003 added 2 commits June 23, 2021 09:33

Remove duplicate cssinfo macro in pages

a792d69

Revert abs()

e4b9ef1

teoli2003 changed the title ~~Convert spec table in CSS properties (from a to e) [DRAFT]~~ Convert spec table in CSS properties (from a to e) Jun 23, 2021

teoli2003 marked this pull request as ready for review June 23, 2021 08:27

teoli2003 requested a review from a team as a code owner June 23, 2021 08:27

teoli2003 requested review from mirunacurtean and removed request for a team June 23, 2021 08:27

rachelandrew approved these changes Jun 23, 2021

View reviewed changes

rachelandrew merged commit 82749a5 into mdn:main Jun 23, 2021

github-actions bot locked as resolved and limited conversation to collaborators Aug 2, 2022

Jolly608090 referenced this pull request in github/docs Aug 3, 2022

Add 💅

556cebf

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Convert spec table in CSS properties (from a to e) #6253

Convert spec table in CSS properties (from a to e) #6253

teoli2003 commented Jun 23, 2021 •

edited

Loading

github-actions bot commented Jun 23, 2021 •

edited

Loading

Convert spec table in CSS properties (from a to e) #6253

Convert spec table in CSS properties (from a to e) #6253

Conversation

teoli2003 commented Jun 23, 2021 • edited Loading

github-actions bot commented Jun 23, 2021 • edited Loading

Preview URLs

Flaws

External URLs

teoli2003 commented Jun 23, 2021 •

edited

Loading

github-actions bot commented Jun 23, 2021 •

edited

Loading