box-direction

語法:

box-direction:normal | reverse

默認值normal

取值:

normal:
設置彈性盒模型對象的子元素按正常順序排列
reverse:
反轉彈性盒模型對象的子元素的排列順序

說明:

設置或檢索彈性盒模型對象的子元素的排列順序是否反轉。
  • Firefox設置box-direction爲reverse時,在將元素的排列順序反轉的同時也將元素的對齊方式逆轉了;Safari和Chrome則只是反轉元素排列順序
  • 對應的腳本特性爲boxDirection

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
較早版本 6.0-9.0 4.0-9.0 5.1 13.0-16.0 11.50-11.60
較新版本 10.0

示例: