978026 - Shorthand syntax of outline is incorrect on the MDN wiki

Status: RESOLVED FIXED

(Developer Documentation Graveyard :: CSS, defect)

Description

[Timur Kristóf]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:27.0) Gecko/20100101 Firefox/27.0 (Beta/Release)
Build ID: 20140203105410

Steps to reproduce:

Please take a look at the syntax of the outline shorthand property at
https://developer.mozilla.org/en-US/docs/Web/CSS/outline


Actual results:

It says:
Formal syntax: <'outline-color'> || <'outline-width'> || <'outline-style'>
The order of the granular properties is incorrect.


Expected results:

According to W3C:
http://www.w3.org/TR/CSS2/ui.html#dynamic-outlines

It should be:
[ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit

Comment 1

[Jean-Yves Perrier [:teoli]]

- inherit, initial and unset, the three global property values are no more part of the specific syntax, so no need to add them there (it wasn't the case when CSS 2 initially went out)
- || allows to swap the order of the value, so a simple both syntax lead to the same set of valid values.
- I've updated it though, as it may impact CSSOM in the future

Thanks for reporting!

(There is a small bug preventing the regeneration of the page, so I let this bug open and feedback myself to check this again later).

Comment 2

[Timur Kristóf]

Hi Jean,

Thanks for the quick response! I wasn't aware that || means that the order doesn't matter, however it's still a good idea to follow the same order as W3C in order to avoid confusion.