Default (Vertical)"

From Documentation
m
Line 6: Line 6:
  
 
=Source=
 
=Source=
<br />
 
 
{{CSSSource
 
{{CSSSource
 
| url=
 
| url=
Line 13: Line 12:
  
 
=Structure=
 
=Structure=
[[Image:Separator-ver1.jpg ]] <br />
+
[[Image:Separator-ver1.jpg ]]  
 
[[Image:Separator-ver2.jpg ]]
 
[[Image:Separator-ver2.jpg ]]
 
[[Image:Separator-ver3.jpg ]]
 
[[Image:Separator-ver3.jpg ]]
  
 
=Events=
 
=Events=
<br />
 
 
{{Template:Style Guide Event
 
{{Template:Style Guide Event
 
|.z-separator-hor
 
|.z-separator-hor
Line 35: Line 33:
  
 
=CSS Specification=
 
=CSS Specification=
<br />
 
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
 
|.z-separator-ver,  
 
|.z-separator-ver,  

Revision as of 09:19, 9 September 2010


This is the Default (Vertical) mold for Separator.

Source

The CSS source for from GitHub


Structure

Separator-ver1.jpg Separator-ver2.jpg Separator-ver3.jpg

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-separator-hor
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-separator-ver,

.z-separator-ver-bar

Width display:-moz-inline-box; display: inline-block; width: 10px; overflow: hidden;
.z-separator-ver-bar Background image background-image: url(${c:encodeURL('~./img/dot.gif')}); background-position: top center; background-repeat: repeat-y;



Last Update : 2010/09/09

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