box-direction
非标准：此特性未标准化。我们不建议在生产环境中使用非标准特性，因为它们浏览器支持有限，并且可能会更改或被移除。但是，在没有标准选项的特定情况下，它们可以是合适的替代方案。
已弃用：此特性不再推荐。虽然某些浏览器可能仍然支持它，但它可能已经从相关的网络标准中删除，可能正在删除过程中，或者可能仅为兼容性目的而保留。请避免使用它，如果可能，请更新现有代码；请参阅本页底部的兼容性表格以指导您的决策。请注意，此特性可能随时停止工作。
警告：这是原始 CSS 弹性盒布局模块草案的一个属性，已被更新的标准取代。-moz-box-direction 将仅用于 XUL，而之前的标准 box-direction 已被 flex-direction 取代。有关当前标准的信息，请参阅 flexbox。
box-direction CSS 属性指定盒子是按正常（从顶部或左侧边缘）还是反向（从底部或右侧边缘）排列其内容。
语法
css
/* Keyword values */
box-direction: normal;
box-direction: reverse;
/* Global values */
box-direction: inherit;
box-direction: initial;
box-direction: revert;
box-direction: revert-layer;
box-direction: unset;
box-direction 属性被指定为下面列出的关键字值之一。
值
注意
为布局目的指定为“起始”的盒子边缘取决于盒子的方向。
- 对于水平元素，起始是上边缘。
- 对于垂直元素，起始是左边缘。
与起始相对的边缘被指定为末尾。
如果方向是使用元素的 dir 属性设置的，则样式将被忽略。
正式定义
正式语法
box-direction =
normal |
reverse
示例
设置盒子方向
css
.example {
/* bottom-to-top layout */
-moz-box-direction: reverse; /* Mozilla */
-webkit-box-direction: reverse; /* WebKit */
box-direction: reverse; /* As specified */
}
规范
不属于任何标准。
浏览器兼容性
加载中…