在样式编辑器的此面板中,您可以设置 JavaServer Faces 组件背景的 CSS 声明。背景是在其上显示组件内容的表面,如在“输出文本”组件中,在白色背景上显示黑色文本。添加到样式属性中的声明会覆盖该页的 CSS 文件中定义的相应规则。
“背景”面板允许您设置以下样式声明:
background-color。您可以:
rgb(red-value,green-value,blue-value)。例如,白色的值为 rgb(255,255,255)。下表显示了标准颜色:
| 颜色名和 sRGB 值 | |||
|---|---|---|---|
| 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,这就是作为组件背景的图像。您既可以在 Web 站点输入图像的 URL,也可以使用省略号按钮导航至图像文件。如果导航至某个图像文件,则该文件会自动添加到项目的资源目录中,并且引用成为 /resources/image-file。background-repeat,该属性指定背景图像是出现一次,还是以不同的方式重复出现,如下所示:
background-attachment,该属性指定背景图像是固定的还是可移动的,如下所述:
background-position 的水平分量,该分量可用于指定图像的初始位置。您可以从下拉列表中选择一个值(“左侧”、“居中”或“右侧”),或者指定一个绝对位置(如 20 像素)或相对位置(如 20%)。数值位置从组件的左侧进行计量。 background-position 的垂直分量,该分量可用于指定图像的初始位置。您可以从下拉列表中选择一个值(“顶部”、“居中”或“底部”),或者指定一个绝对位置(如 20 像素)或相对位置(如 20%)。数值位置从组件的顶部进行计量。