Shorthand border property's order of values


The order to be followed has to be width-style-color or we can choose whichever way we want? Like style-width-color etc.


if we look in the docs:

the following is said about the order:

Canonical order: order of appearance in the formal grammar of the values

furthermore, looking at the formal syntax we get:

<br-width> || <br-style> || <color>

which explained nicely here:

And the || delimiters between each component mean that one or more of those components can occur and in any order.

so we are free to choice the order of our border values. However, it would be really uncommon to do.


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.