Re: [csswg-drafts] [css-sizing] How to transfer intrinsic keywords via aspect ratio? (#11236)

Actually, there is interoperability in the non-replaced case:

```html
<!DOCTYPE html>
<style>
div { background: cyan; aspect-ratio: 1; vertical-align: top }
div::before { content: ""; display: block; width: 20px; height: 10px }
</style>
<table><tr>
  <td><div width="20" height="10" style="height: auto; width: auto"></div></td>
  <td><div width="20" height="10" style="height: auto; width: min-content"></div></td>
  <td><div width="20" height="10" style="height: auto; width: fit-content"></div></td>
  <td><div width="20" height="10" style="height: auto; width: max-content"></div></td>
</tr><tr>
  <td><div width="20" height="10" style="height: min-content; width: auto"></div></td>
  <td><div width="20" height="10" style="height: min-content; width: min-content"></div></td>
  <td><div width="20" height="10" style="height: min-content; width: fit-content"></div></td>
  <td><div width="20" height="10" style="height: min-content; width: max-content"></div></td>
</tr><tr>
  <td><div width="20" height="10" style="height: fit-content; width: auto"></div></td>
  <td><div width="20" height="10" style="height: fit-content; width: min-content"></div></td>
  <td><div width="20" height="10" style="height: fit-content; width: fit-content"></div></td>
  <td><div width="20" height="10" style="height: fit-content; width: max-content"></div></td>
</tr><tr>
  <td><div width="20" height="10" style="height: max-content; width: auto"></div></td>
  <td><div width="20" height="10" style="height: max-content; width: min-content"></div></td>
  <td><div width="20" height="10" style="height: max-content; width: fit-content"></div></td>
  <td><div width="20" height="10" style="height: max-content; width: max-content"></div></td>
</tr></table>
```

![](https://github.com/user-attachments/assets/e792de4f-5f5f-40b4-8ff4-c118042a5a1c)

So I propose to so the same in the replaced case.

-- 
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11236#issuecomment-2533288668 using your GitHub account


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

Received on Wednesday, 11 December 2024 00:11:22 UTC