Skip to content

[css-sizing-4] Can we Implement Different Values for Horizontal & Vertical Box? #5142

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

Open
shyamkushwaha23 opened this issue Jun 1, 2020 · 1 comment

Comments

@shyamkushwaha23
Copy link

Can we Implement Different Values for Horizontal & Vertical Box? Today I found a use case where if I could change only vertical box-sizing to content-box, I could solve my issue only via CSS. Though for now I have to use JS.

For different horizontal & vertical values, can we implement 2 values syntax?
E.g.: box-sizing: border-box content-box;
If we have 2 values first will be applied horizontally and second will be applied vertically.

New Working Draft: CSS Box Sizing Level 4.
URL: https://www.w3.org/TR/2020/WD-css-sizing-4-20200526/


box-sizing: border-box | content-box | padding-box?
why not padding-box is implemented?

@SebastianZ
Copy link
Contributor

Today I found a use case where if I could change only vertical box-sizing to content-box, I could solve my issue only via CSS. Though for now I have to use JS.

And could you please explain that use case?

why not padding-box is implemented?

padding-box was specified in an earlier version of the specification, though dropped due to missing implementation interest, see https://www.w3.org/TR/2015/CR-css-ui-3-20150707/#changes-since-2015-05 and f6b3530.

I guess that decision was also based on missing use cases. So if you can come up with one, it may be discussed again. Though for that you should open a separate issue.

Sebastian

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

No branches or pull requests

3 participants