css box-direction属性怎么用?
作用:定义框元素的子元素以什么方向来排列。
语法:
box-direction: normal|reverse|inherit;
说明:
normal以默认方向显示子元素。reverse以反方向显示子元素。inherit应该从子元素继承 box-direction 属性的值
注释:
目前没有浏览器支持 box-direction 属性。firefox 支持替代的 -moz-box-direction 属性。safari、opera 以及 chrome 支持替代的 -webkit-box-direction 属性。
css box-direction属性使用示例
<!doctype html><html><head><style> div{width:350px;height:100px;border:1px solid black;/* firefox */display:-moz-box;-moz-box-direction:reverse;/* safari, opera, and chrome */display:-webkit-box;-webkit-box-direction:reverse;/* w3c */display:box;box-direction:reverse;}</style></head><body><div><p>段落 1。</p><p>段落 2。</p><p>段落 3。</p></div><p><b>注释:</b>ie 不支持 box-direction 属性。</p></body></html>
效果输出:
以上就是css box-direction属性怎么用的详细内容。
