MINIUI Border CSS Detailed

Source: Internet
Author: User

 One Toolbar mini-toolbar

A) Remove all borders

. hidetoolbarborder{

Border:solid 0px;

}

Remove a style individually and so on ( top, bottom, left, right )

. hidetoolbarborder-top{

Border-top:solid 0px;

}

. hidetoolbarborder-bottom{

Border-bottom:solid 0px;

}

. hidetoolbarborder-left{

Border-left:solid 0px;

}

. hidetoolbarborder-right{

Border-right:solid 0px;

}

Two tab mini-tabs

A) Remove all borders from page cut

. Hidetabspageborder. MINI-TABS-SCROLLCT {

Border:solid 0px;

}

The following are the upper and lower left

. 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) remove all borders from the content area

. Hidetabsmainborder. Mini-tabs-bodys {

Border:solid 0px;

}

Mini-tabs The top border of the default hidden content area

The following are the bottom left

. 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;

}

Three Splitter mini-splitter

A) Remove the splitter outer frame

. Hidesplitterborder. Mini-splitter-border {

Border:solid 0px;

}

b) Splitter 2 inner frame style

. hideSplitterBorder1. mini-splitter-pane1 {

Border:solid 0px;

}

. hideSplitterBorder2. Mini-splitter-pane2 {

Border:solid 0px;

}

Four Mini-layout of the layout device

A) remove the 4-and- A-one contraction frame

#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 the upper and lower left and right sides of the border by default given the IDNorth,South,West, East,Center. No border outside by default

V. form Mini-grid

A) Remove the table extra frame

. 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 Border CSS Detailed

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.