[csswg-drafts] [css-table-3][css-backgrounds] tr background-color when td cell has a border-radius (#11734)

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

== [css-table-3][css-backgrounds] tr background-color when td cell has a border-radius ==
Should the `tr` element `background-color` be painted or not in this case?
Should it be specified in (is it already?)
https://drafts.csswg.org/css-backgrounds/
or in https://drafts.csswg.org/css-tables-3/

https://codepen.io/webcompat/pen/xbxwmJr

* Safari and Chrome do not show the `background-color` of the `tr` element
* Firefox does show the `background-color` (pink) of the `tr` element

## code

```
<style>
table {background-color: gold;}
tr    {background-color: pink;}
td    {background-color: rgb(76, 250, 188);}
td {
  width:50px;
  height:50px;
  border-color: red;
  border-width: 10px;
  border-radius: 30px;
  border-style: solid;}
</style>
<table>
  <tr><td>A1</td><td>A2</td><td>A3</td></tr>
  <tr><td>B1</td><td>B2</td><td>B3</td></tr>
  <tr><td>C1</td><td>C2</td><td>C3</td></tr>
</table>
```

## rendering

<img width="2054" alt="Image" src="https://github.com/user-attachments/assets/c55976d1-1733-4c68-b6bb-8bd3648f2e42" />

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 18 February 2025 07:35:47 UTC