W3C home > Mailing lists > Public > public-css-archive@w3.org > May 2017

[csswg-drafts] [css-box] Can border-* shorthands allow independent borders?

From: Chris Harvey via GitHub <sysbot+gh@w3.org>
Date: Fri, 05 May 2017 16:24:22 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-226624321-1494001461-sysbot+gh@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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:12 UTC