举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > CSS3 box-direction 属性

CSS3 box-direction 属性

2023-05-24 19:18 CSS参考手册

 CSS3 box-direction 属性

CSS 参考手册

实例

以反方向显示 div 框的子元素:

div
{
width:350px;
height:100px;
border:1px solid black;


display:-moz-box;
-moz-box-direction:reverse;


display:-webkit-box;
-webkit-box-direction:reverse;


display:box;
box-direction:reverse;
}

亲自试一试

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

目前没有浏览器支持 box-direction 属性。

Firefox 支持替代的 -moz-box-direction 属性。

Safari、Opera 以及 Chrome 支持替代的 -webkit-box-direction 属性。

定义和用法

box-direction 属性规定框元素的子元素以什么方向来排列。

默认值: normal
继承性: no
版本: CSS3
JavaScript 语法: object.style.boxDirection="reverse"

语法

box-direction: normal|reverse|inherit;
描述 测试
normal 以默认方向显示子元素。 测试
reverse 以反方向显示子元素。 测试
inherit 应该从子元素继承 box-direction 属性的值  

CSS 参考手册


阅读全文
以上是编程学为你收集整理的 CSS3 box-direction 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部