Default"

From Documentation
Line 37: Line 37:
 
<br />
 
<br />
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
 
+
|.z-menu-popup-cnt .z-menu-separator
 +
|The outline of menuseparator
 +
|line-height:100%;
 +
list-style-image:none !important;
 +
list-style-position:outside !important;
 +
list-style-type:none !important;
 +
margin:0 !important;
 +
display:block;
 +
padding:1px;
 +
cursor:pointer;
 +
|-
 +
|.z-menu-popup-cnt .z-menu-separator-inner
 +
|Background
 +
|background-color:#E0E0E0;
 +
border-bottom:1px solid #FFFFFF;
 +
display:block;
 +
font-size:1px;
 +
line-height:1px;
 +
margin:2px 3px;
 +
overflow:hidden;
 +
width:auto;
 +
|}
  
 
{{ZKStyleGuidePageFooter}}
 
{{ZKStyleGuidePageFooter}}

Revision as of 02:32, 9 September 2010


This is the Default mold for Menuseparator.

Source


The CSS source for from GitHub


Structure

Menupopup1.jpg

Menuseparator-in-menupopup1.jpg

Events


CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-menu-separator
Supported: V

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position

CSS Specification


Class Name Description Default Values
.z-menu-popup-cnt .z-menu-separator The outline of menuseparator line-height:100%;

list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; margin:0 !important; display:block; padding:1px; cursor:pointer;

.z-menu-popup-cnt .z-menu-separator-inner Background background-color:#E0E0E0;

border-bottom:1px solid #FFFFFF; display:block; font-size:1px; line-height:1px; margin:2px 3px; overflow:hidden; width:auto;



Last Update : 2010/09/09

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.