[csswg-drafts] [css-tables] [css-backgrounds] border-radius effect on Tables

yachiehwu has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-tables] [css-backgrounds] border-radius effect on Tables ==
 
**Description:**
The effect of CSS3-Backgrounds-and-Borders on Tables is not entirely defined.  
[spec]
- CSS Backgrounds and Borders Module Level 3
https://www.w3.org/TR/css3-background/#border-radius-tables
- draft
https://drafts.csswg.org/css-backgrounds/#border-radius-tables

**Browser test:** Chrome, Firefox, IE, Opera, and Safari.  
Note: The behaviors below are the same to these five browsers if there is no description of which browser it is. 

**1. border-collapse: separate**
- Effect on border and background:
    The border-radius properties currently do apply to table and table-cell. Other internal table elements have no effects.

**2. border-collapse: collapse**  
- Effect on background:
      The border-radius properties currently do apply to table and table-cell. Other internal table elements have no effects.

- Effect on border:
      The border-radius properties currently do **not** apply to the border on Chrome, Firefox, Opera, and Safari. The border-radius properties currently do only apply to table-cell on IE.
 
**Proposal:** Clearly define the effects on tables. 
1. border-collapse: separate
    - Effect on border and background:
    The border-radius properties do **only** apply to the border and the background of table and table-cell. Other internal table elements have no effects.
2. border-collapse: collapse
    - Effect on background:
    The border-radius properties do **only** apply to the background of table and table-cell. Other internal table elements have no effects.
   - Effect on border:
    The border-radius properties do **not** apply to the border.
  


Test cases:
[examples of border-radius on collapsed border model tables](https://bugzilla.mozilla.org/attachment.cgi?id=8889797)
[examples of border-radius on separated border model tables](https://bugzilla.mozilla.org/attachment.cgi?id=8918748)




Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1880 using your GitHub account

Received on Monday, 16 October 2017 08:14:51 UTC