css分割器,MINIUI边框CSS详解

一、工具栏mini-toolbar

a) 去掉所有边框

.hideToolbarBorder{

border: solid 0px ;

}

单独去掉某个样式以此类推(上、下、左、右)

.hideToolbarBorder-top{

border-top: solid 0px ;

}

.hideToolbarBorder-bottom{

border-bottom: solid 0px ;

}

.hideToolbarBorder-left{

border-left: solid 0px ;

}

.hideToolbarBorder-right{

border-right: solid 0px ;

}

二、选项卡mini-tabs

a) 去掉页切所有边框

.hideTabsPageBorder .mini-tabs-scrollCt {

border: solid 0px ;

}

如下为上下左右

.hideTabsPageBorder-top .mini-tabs-scrollCt {

border-top: solid 0px ;

}

.hideTabsPageBorder-bottom .mini-tabs-scrollCt {

border-bottom: solid 0px ;

}

.hideTabsPageBorder-left .mini-tabs-scrollCt {

border-left: solid 0px ;

}

.hideTabsPageBorder-right .mini-tabs-scrollCt {

border-right: solid 0px ;

}

b) 去掉内容区域所有边框

.hideTabsMainBorder .mini-tabs-bodys {

border: solid 0px ;

}

mini-tabs 默认隐藏内容区域的上边框

如下为下左右

.hideTabsMainBorder-bottom .mini-tabs-bodys {

border-bottom: solid 0px;

}

.hideTabsMainBorder-left .mini-tabs-bodys {

border-left: solid 0px;

}

.hideTabsMainBorder-right .mini-tabs-bodys {

border-right: solid 0px;

}

三、分割器 mini-splitter

a) 去掉分割器外边框

.hideSplitterBorder .mini-splitter-border {

border: solid 0px ;

}

b)  分割器2个内框样式

.hideSplitterBorder1 .mini-splitter-pane1 {

border: solid 0px;

}

.hideSplitterBorder2 .mini-splitter-pane2 {

border: solid 0px;

}

四、布局器 mini-layout

a) 去掉东南西北4个收缩框

#north  .mini-layout-region-header{

border: 0px solid;

}

#south  .mini-layout-region-header{

border: 0px solid;

}

#west  .mini-layout-region-header{

border: 0px solid;

}

#east  .mini-layout-region-header{

border: 0px solid;

}

Mini-layout 上下左右中边框默认赋予了id north、south、west、east、center。默认没有外边框

五、表格 mini-grid

a) 去掉表格外框

.hideGridBorder .mini-panel-border {

border: 0px solid;

}

.hideGridBorder-top .mini-panel-border {

border-top: 0px solid;

}

.hideGridBorder-bottom .mini-panel-border {

border-bottom: 0px solid;

}

.hideGridBorder-left .mini-panel-border {

border-left: 0px solid;

}

.hideGridBorder-right .mini-panel-border {

border-right: 0px solid;

}

原文：http://www.cnblogs.com/rememberW/p/7821336.html