css margin-block-start, border-inline-end, xxx-(block|inline)-(start|end)

Question

width 和 height 道具是否有 xxx-(block|inline)-(start|end)？
类似于margin-(block|inline)-(start|end)、padding-(block|inline)-(start|end)、border-(block|inline)-(start|end)。

我想创建一个可以水平、垂直、反向水平等定向的小部件。
我想设置custom width在水平方向时反映到css width，但在垂直方向时反映到css height。

Answer 1

属性为block-size and inline-size

Answer 2

每个人。我发现了另一个有趣的 css 道具：

inset: 0 是left: 0; right: 0; top: 0; bottom: 0; 的简写。

它也有方向意识，所以如果我写inset-inline: 5px 相当于水平方向的left: 5px; right: 5px 或垂直方向的top: 5px; bottom: 5px;。

希望这个技巧对你的 CSS 项目有用。