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

Question

是否有 xxx-(block|inline)-(start|end) 用于 width & height 道具？
类似于 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; 的 shorthand。

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

希望这个技巧对您的 css 项目有用。