This panel of the the Style Editor enables you to add position-related cascading style sheet (CSS) declarations to the style property of a JavaServer Faces component. The declarations you add to the style property override corresponding CSS rules defined in the page's CSS file.
position
CSS property to absolute
in each component's style property. If you change the position value in this dialog and then move the component in Visual Designer while the editor is in grid mode, the Visual Designer will reset position
to absolute
. The Position panel enables you to set the following style declarations:
position
, which determines
where the component is displayed on the page. Takes one of the following values:
top
, which determines how
far from the top of the containing block the component is to be positioned.
This setting does not apply if Position is set to static. bottom
, which determines
how far from the bottom of the containing block the component is to be positioned.
This setting does not apply if Position is set to static. left
, which determines
how far from the left of the containing block the component is to be positioned.
This setting does not apply if Position is set to static. right
, which determines
how far from the top of the containing block the component is to be positioned.
This setting does not apply if Position is set to static. width
, which determines the
width of the component if Position is set to Absolute. height
, which determines
the height of the component if Position is set to Absolute. visible
, which determines
if the component can be seen on the rendered page. z-index
, which determines
the stack order of the component: whether
the component displays on top of or behind other components. A negative value
puts the component behind its containing block. clip:rect
, which defines a
clipping rectangle that makes the parts of the component between the component's
border and edges of the clipping rectangle transparent, effectively clipping,
or cutting off, parts of the rendered component.