Open fresheneesz opened 9 years ago
In short, most numerical CSS values can be constrained.
In addition to top
and left
, GSS introduces bottom
, right
, center-x
, and center-y
.
Also, intrinsic-width
and intrinsic-height
exist and behave as documented here.
Many 2D properties have a way to reference both dimensions at once for convenience:
bottom-left
(left
, bottom
)bottom-right
(right
, bottom
)center
(center-x
, center-y
)intrinsic-size
(intrinsic-width
, intrinsic-height
)position
(x
, y
)size
(width
, height
)top-left
(left
, top
)top-right
(right
, top
)That's great info! Would you mind adding it somewhere in the docs?
I'll keep this issue open as a reminder to do that.
I would love to be able to try this out and play around with it, but without a reference of what properties I can use and what they do, playing around with it would be limited to trying out css properties to see if they do anything. I see this page has been started, but it depressingly incomplete: http://gridstylesheets.org/guides/references/