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;
}
亲自试一试
目前没有浏览器支持 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-orient 属性实例指定div元素的子元素横向排列:div{width:350px;height:100px;border:1px solid black;display:-moz-bo...
CSS clear 属性实例指定段落的左侧或右侧不允许浮动的元素:img{float:left;}p.clear{clear:both;}本页底部查看更多实例。属性定...
CSS flex-grow 属性 CSS 参考手册实例让第二个元素的宽度为其他元素的三倍:div:nth-of-type(1) {flex-grow: 1;}div:nth-of-type...
CSS min-height 属性实例设置段落的最低高度:p{min-height:100px;}属性定义及使用说明min-height 属性设置元素的最低高度。注意...
CSS outline-color 属性实例设置一个虚线轮廓的颜色:p {outline-style:dotted;outline-color:#00ff00;}属性定义及使用说明outli...