Export (0) Print
Expand All
0 out of 1 rated this helpful - Rate this topic

Backgrounds and Borders

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

In this section

PropertyDescription

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.

 

 

 

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback
Show:
© 2014 Microsoft. All rights reserved.