The ‘background’ property is a shorthand property for setting most background properties at the same place in the style sheet. The number of comma-separated items defines the number of background layers. Given a valid declaration, for each layer the shorthand first sets the corresponding layer of each of , , , , , , , , and to that property's initial value, then assigns any explicit values specified for this layer in the declaration. Finally is set to the specified color, if any, else set to its initial value.

]]> If background images are specified, this property specifies whether they are fixed with regard to the viewport (‘fixed’) or scroll along with the element (‘scroll’) or its contents (‘local’). The property's value is given as a comma-separated list of <attachment> keywords.

]]> Determines the background painting area, which determines the area within which the background is painted.

]]> This property sets the background color of an element. The color is drawn behind any background images.

The background color is clipped according to the ‘background-clip’ value associated with the bottom-most background image.

]]> This property sets the background image(s) of an element. Images are drawn with the first specified one on top (closest to the user) and each subsequent image behind the previous one.

]]> For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages), specifies which boxes operates on to determine the background positioning area(s).

]]> If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.

]]> Specifies how background images are tiled after they have been sized and positioned.

]]> Specifies the size of the background images.

]]> The ‘border’ property is a shorthand property for setting the same width, color, and style for all four borders of a box. Unlike the shorthand and properties, the ‘border’ property cannot set different values on the four borders. To do so, one or more of the other border properties must be used.

]]> This is a shorthand property for setting the width, style, and color of the top, right, bottom, and left border of a box. Omitted values are set to their initial values.

]]> This property set the foreground color of the border specified by the border-style properties.

]]> This property sets the style of the border, unless there is a border image.

]]> This property sets the thickness of the border.

]]> ‘Border-color’ is a shorthand for the four ‘border-*-color’ properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.

]]> This is a shorthand property for setting ‘border-image-source’, ‘border-image-slice’, ‘border-image-width’, ‘border-image-outset’ and ‘border-image-repeat’. Omitted values are set to their initial values.

]]> The values specify the amount by which the border image area extends beyond the border box. If it has four values, they set the outsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top.

]]> This property specifies how the images for the sides and the middle part of the border image are scaled and tiled. The first keyword applies to the horizontal scaling and tiling of the top, middle and bottom parts, the second to the vertical scaling and tiling of the left, middle and right parts; see Drawing the Border Image. If the second keyword is absent, it is assumed to be the same as the first.

]]> This property specifies inward offsets from the top, right, bottom, and left edges of the image, dividing it into nine regions: four corners, four edges and a middle. The middle image part is discarded (treated as fully transparent) unless the ‘fill’ keyword is present. (It is drawn over the background; see Drawing the Border Image.)

]]> Specifies an image to use in place of the rendering specified by the properties and, if given the fill keyword in , as an additional image backdrop for the element. If the value is none or if the image cannot be displayed (or the property doesn’t apply), the border styles will be used; otherwise the element’s borders are not drawn.

]]> The border image is drawn inside an area called the border image area. This is an area whose boundaries by default correspond to the border box, see ‘border-image-outset’.

]]> This is a shorthand property for setting the width, style, and color of the top, right, bottom, and left border of a box. Omitted values are set to their initial values.

]]> This property set the foreground color of the border specified by the border-style properties.

]]> This property sets the style of the border, unless there is a border image.

]]> This property sets the thickness of the border.

]]> The two length or percentage values of the ‘border-*-radius’ properties define the radii of a quarter ellipse that defines the shape of the corner of the outer border edge (see the diagram below). The first value is the horizontal radius, the second the vertical radius. If the second value is omitted it is copied from the first. If either length is zero, the corner is square, not rounded. Percentages for the horizontal radius refer to the width of the border box, whereas percentages for the vertical radius refer to the height of the border box. Negative values are not allowed.

]]> This is a shorthand property for setting the width, style, and color of the top, right, bottom, and left border of a box. Omitted values are set to their initial values.

]]> This property set the foreground color of the border specified by the border-style properties.

]]> This property sets the style of the border, unless there is a border image.

]]> This property sets the thickness of the border.

]]> ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.

]]> This is a shorthand property for setting the width, style, and color of the top, right, bottom, and left border of a box. Omitted values are set to their initial values.

]]> This property set the foreground color of the border specified by the border-style properties.

]]> This property sets the style of the border, unless there is a border image.

]]> This property sets the thickness of the border.

]]> ‘Border-width’ is a shorthand that sets the four ‘border-*-width’ properties. If it has four values, they set top, right, bottom and left in that order. If left is missing, it is the same as right; if bottom is missing, it is the same as top; if right is missing, it is the same as top.

]]> The ‘box-shadow’ property attaches one or more drop-shadows to the box. The property accepts either the none value, which indicates no shadows, or a comma-separated list of shadows, ordered front to back. Each shadow is given as a <shadow>, represented by 2-4 length values, an optional color, and an optional ‘inset’ keyword. Omitted lengths are 0; omitted colors default to the value of the property.

]]>