Separator is used to draw a horizontal line on a page. You may specify different types of a line, the possible values are "beveled" (default), "dotted", "dashed", "double" and "solid". You also can specify width, height and alignment for the separator.

Separator demo

This is default separator:

This is tick 75% beveled separator aligned to the center:

Here is more examples of different line types:

HideView Source

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
            
    <p>This is default separator:</p>
    <rich:separator/>

    <p>This is tick 75% beveled separator aligned to the center:</p>
    <rich:separator lineType="beveled" height="8" width="75%" align="center"/>

    <p>Here is more examples of different line types:</p>
    <rich:separator height="2" lineType="dotted"/><br/>
    <rich:separator height="2" lineType="dashed"/><br/>
    <rich:separator height="4" lineType="double"/><br/>
    <rich:separator height="2" lineType="solid"/><br/>
</ui:composition>

<<Hide Source