EKYM - box-ordinal-group

box-ordinal-group

by fatihhayri

HTML

<div id="esnekKutuKapsul">
    <div class="esnekKutu" id="esnekKutu1">Esnek Kutu1</div>
    <div class="esnekKutu" id="esnekKutu2">Esnek Kutu2</div>
    <div class="esnekKutu" id="esnekKutu3">Esnek Kutu3</div>
    <div class="esnekKutu" id="esnekKutu4">Esnek Kutu4</div>
</div>

CSS

#esnekKutuKapsul {
    display: box;
    display:-webkit-box;
    display:-moz-box;
    width:800px;
    border:1px solid #03C;
}
.esnekKutu {
    background-color:#999999;
    width:150px;
    height:150px;
    margin-right:15px;
}
#esnekKutu1 {
    box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    background-color:#0CF;
}
#esnekKutu3 {
    box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    background-color:#9C3;
}
#esnekKutu4 {
    box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    background-color:#FC9;
}