Backgrounds and Borders

This section describes Cascading Style Sheets (CSS) features related to backgrounds and borders.

In this section

Property	Description
background	Specifies up to five separate background properties of an object.
background-attachment	Specifies how the background image (or images) is attached to the object within the document.
background-clip	Specifies the background painting area or areas relative to the element's bounding boxes.
background-color	Specifies the color behind the content of the object.
background-image	Specifies the background image or images of the object.
background-origin	Specifies the positioning area of an element or multiple elements.
background-position	Specifies the position of the background of the object.
background-repeat	Specifies whether and how the background image (or images) is tiled.
background-size	Specifies the size of the background images.
border	Specifies the properties of a border drawn around an object.
border-bottom	Specifies the properties of the bottom border of the object.
border-bottom-color	Specifies the foreground color of the bottom border of an object.
border-bottom-left-radius	Specifies the radii of the quarter ellipse that defines the shape of the lower-left corner for the outer border edge of the current box.
border-bottom-right-radius	Sets or retrieves one or two values that define the radii of the quarter ellipse that defines the shape of the lower-right corner for the outer border edge of the current box.
border-bottom-style	Specifies the style of the bottom border of the object.
border-bottom-width	Specifies the thickness of the bottom border of the object.
border-collapse	Indicates whether the row and cell borders of a table are joined in a single border or detached as in standard HTML.
border-color	Specifies the border color of the object.
border-image	Specifies how an image is to be used in place of the border styles.
border-image-outset	Specifies the amount by which the border image area extends beyond the border box.
border-image-repeat	Specifies if the sides of the border image are scaled or tiled.
border-image-slice	Using four inward offsets, this property slices the specified border image into a three by three grid: four corners, four edges, and a center.
border-image-source	Specifies the location of the image to be used for the border.
border-image-width	Specifies the width/height of the border image by defining inward offsets from the edges of the border image area.
border-left	Specifies the properties of the left border of the object.
border-left-color	Specifies the foreground color of the left border of an object.
border-left-style	Sets or retrieves the style of the left border of the object.
border-left-width	Specifies the thickness of the left border of the object.
border-radius	Specifies the radii of a quarter ellipse that defines the shape of the corners for the outer border edge of the current box.
border-right	Specifies the properties of the right border of the object.
border-right-color	Specifies the foreground color of the right border of an object.
border-right-style	Specifies the style of the right border of the object.
border-right-width	Specifies the thickness of the right border of the object.
border-spacing	Specifies the distance between the borders of adjoining cells in a table.
border-style	Specifies the style of the left, right, top, and bottom borders of the object.
border-top	Specifies the properties of the top border of the object.
border-top-color	Specifies the foreground color of the top border of an object.
border-top-left-radius	Sets or retrieves one or two values that define the radii of the quarter ellipse that defines the shape of the upper-left corner for the outer border edge of the current box.
border-top-right-radius	Sets or retrieves one or two values that define the radii of the quarter ellipse that defines the shape of the upper-right corner for the outer border edge of the current box.
border-top-style	Specifies the style of the top border of the object.
border-top-width	Specifies the thickness of the top border of the object.
border-width	Specifies the thicknesses of the left, right, top, and bottom borders of an object.
box-shadow	Specifies one or more set of shadow values that attaches one or more drop shadows to the current box.
background-position-x	Specifies the x-coordinate of the background-position property.
background-position-y	Specifies the y-coordinate of the background-position property.