- From: Chris Harvey via GitHub <sysbot+gh@w3.org>
- Date: Fri, 05 May 2017 16:24:22 +0000
- To: public-css-archive@w3.org
chharvey has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-box] Can border-* shorthands allow independent borders? ==
https://drafts.csswg.org/css-backgrounds-3/#the-border-shorthands
Building off of #1279 , I'd still like to suggest extending the `border-*` shorthand syntaxes to allow independent borders.
```
border-block : <border-line> [ / <border-line> ]?
border-inline : <border-line> [ / <border-line> ]?
border : logical? <border-line> [ / <border-line> ]{0,3}
<border-line> = <line-width> || <line-style> || <color>
```
where `logical` is the keyword switch for [logical properties](https://drafts.csswg.org/css-logical/), and
- [`<line-width>`](https://drafts.csswg.org/css-backgrounds-3/#line-width)
- [`<line-style>`](https://drafts.csswg.org/css-backgrounds-3/#line-style)
- [`<color>`](https://drafts.csswg.org/css-color/#typedef-color)
For any given 1 or 2 `<border-line>` values (including width || style || color), the `border-block` shorthand would set `border-block-start` and `border-block-end`, in that order. The second value, if absent, would copy from the first value. `border-inline` would act in a respective manner for inline-side borders.
The 1–4 `<border-line>` values on `border` would indicate [standard order](https://drafts.csswg.org/css-logical/#logical-shorthand-keyword).
In all cases, the `<border-line>` groups would need to be separated by slashes.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1327 using your GitHub account
Received on Friday, 5 May 2017 16:24:30 UTC