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 */
}
規範
不屬於任何標準。
瀏覽器相容性
載入中…