Default (Horizontal)"

From Documentation
Line 14: Line 14:
 
=Structure=
 
=Structure=
 
[[Image:Separator-hor1.jpg ]]  
 
[[Image:Separator-hor1.jpg ]]  
 +
 
[[Image:Separator-hor2.jpg ]]
 
[[Image:Separator-hor2.jpg ]]
 +
 
[[Image:Separator-hor3.jpg ]]
 
[[Image:Separator-hor3.jpg ]]
  

Revision as of 03:35, 16 September 2010



This is the Default (Horizontal) mold for Separator.

Source

The CSS source for Separator from GitHub


Structure

Separator-hor1.jpg

Separator-hor2.jpg

Separator-hor3.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-hor,

.z-separator-hor-bar

Height height: 7px; overflow: hidden; line-height: 0pt; font-size: 0pt;
.z-separator-hor-bar Background image background-image: url(${c:encodeURL('~./img/dot.gif')}); background-position: center left; background-repeat: repeat-x;



Last Update : 2010/09/16

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