码迷,mamicode.com
首页 > Web开发 > 详细

MINIUI边框CSS详解

时间:2017-11-12 13:25:22      阅读:1558      评论:0      收藏:0      [点我收藏+]

标签:ges   区域   str   des   font   head   out   边框   split   

 

一、工具栏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 northsouthwesteastcenter。默认没有外边框

 

 技术分享

 

 

 

五、表格 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;

}

 技术分享

 

 

MINIUI边框CSS详解

标签:ges   区域   str   des   font   head   out   边框   split   

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

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!