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-sizing-3] Supplement the 'Applies to' field for width and heigh #11290

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

OnlyWick
Copy link
Contributor

@OnlyWick OnlyWick commented Nov 28, 2024

Applies to lacks relevant description. Additionally, the additional information I provided may not be formal enough.

@w3cbot
Copy link

w3cbot commented Nov 28, 2024

OnlyWick marked as non substantive for IPR from ash-nazg.

@OnlyWick
Copy link
Contributor Author

See this.

@OnlyWick OnlyWick marked this pull request as draft November 28, 2024 13:39
@OnlyWick
Copy link
Contributor Author

OnlyWick commented Nov 28, 2024

It seems that there are some Applies to lacking corresponding descriptions. I will commit it later.

@@ -370,7 +370,7 @@ Preferred Size Properties: the 'width' and 'height' properties</h4>
Name: width, height
Value: auto | <<length-percentage [0,∞]>> | min-content | max-content | <nobr>fit-content(<<length-percentage [0,∞]>>)</nobr> | <<width/calc-size()>>
Initial: auto
Applies to: all elements except <a>non-replaced</a> <a>inlines</a>
Applies to: all elements except <a>non-replaced</a> inline elements. 'width' cannot be applied to table rows, and row groups. 'height' cannot be applied to table columns, and column groups
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

With the right writing-mode, width can indeed apply to table rows, and height to table columns and column groups.

<!DOCTYPE html>
<table style="writing-mode: vertical-lr">
  <col style="height: 50px">
  <tr style="width: 100px">
    <td style="background: cyan"></td>
  </tr>
</table>

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You're right. But do we really want to put such a long sentence into 'Applies to'? Should we consider adding some examples below to illustrate these cases?

@Loirooriol Loirooriol added the css-sizing-3 Current Work label Nov 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-sizing-3 Current Work
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants