Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-tables] Setting order of rendering borders with border-collapse: collapse #1870

Closed
ahtohbi4 opened this issue Oct 15, 2017 · 2 comments
Closed

Comments

@ahtohbi4
Copy link

Currently, if you want to highlight any cell of a table with border-collapse: collapse by border-color there will get only two borders in needed color.

https://jsfiddle.net/ahtohbi4/vpkst1rf/

But if you could specify an order of rendering borders (e. g. border-order), we could get all borders of the highlighted cell.

.highlighted-cell {
    border-order: 1;
}

What do you think about it?

@ahtohbi4 ahtohbi4 changed the title [css-tables] Setting order of rendering borders at border-collapse: collapse [css-tables] Setting order of rendering borders with border-collapse: collapse Oct 15, 2017
@Loirooriol
Copy link
Contributor

I don't think it's worth adding a new property which only works for collapsed tables. You can use outlines instead of borders:

table {
  border-spacing: 3px;
}
th, td {
  outline: 3px solid #ccc;
}
.highlighted-cell {
  outline-color: #f30;
  position: relative;
}

https://jsfiddle.net/vpkst1rf/1/

@FremyCompany
Copy link
Contributor

I agree with @Loirooriol. Our mandate with css tables 3 has been to document and standardize what we have, not adding new features.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants