This panel of the the Style Editor enables you to set CSS declarations for the background of a JavaServer Faces component. The background is the surface on which the contents of the component are displayed, such as black text on a white background in an Output Text component. The declarations you add to the style property override corresponding rules defined in the page's CSS file.
The Background panel enables you to set the following style declarations:
background-color
. You can:
rgb(red-value,green-value,blue-value)
.
For example, the value for white is rgb(255,255,255)
.The following table shows the standard colors:
Color names and sRGB values | |||
---|---|---|---|
black = "#000000" | green = "#008000" | ||
silver = "#C0C0C0" | lime = "#00FF00" | ||
gray = "#808080" | olive = "#808000" | ||
white = "#FFFFFF" | yellow = "#FFFF00" | ||
maroon = "#800000" | navy = "#000080" | ||
red = "#FF0000" | blue = "#0000FF" | ||
purple = "#800080" | teal = "#008080" | ||
fuchsia = "#FF00FF" | aqua = "#00FFFF" |
background-image
,
an
image to be used as the background for the component. You can type in a
URL to an image on a web site, or you can use the ellipsis button and navigate
to an image file. If you navigate to an image file, it is automatically added
to your project's resources directory, and the reference becomes /resources/image-file
.background-repeat
, which specifies
whether a background image appears once or is repeated in various ways, as
follows:
background-attachment
, which
specifies whether a background image is fixed or moveable, as described below:
background-position
,
which you can use to specify the initial location of the image. You can choose
a value from the drop down list (left, center, or right) or you can specify
an absolute position (such as 20 px) or a relative position (such as 20%).
Numeric positions are measured from the left side of the component. background-position
,
which you can use to specify the initial location of the image. You can choose
a value from the drop down list (top, center, or bottom) or you can specify
an absolute position (such as 20 px) or a relative position (such as 20%).
Numeric positions are measured from the top of the component.