Visual Elements and Graphics - Web Development and Design Foundations with XHTML - page 124

Table 4.1 New CSS properties introduced in this chapter

Property Description Values

Background image on an element url(imagename.gif ) or url(imagename.jpg)

background-image

Position of the background image Two percentage values or numeric pixel values.

The first value configures the horizontal position
and the second configures the vertical position
starting from the upper-left corner of the con-
tainer's box. Text values can also be used:
left , top , center , bottom , right .

background-
position

background-repeat Controls how the background

image will repeat

Text values repeat (default), repeat-y ,
(vertical repeat), repeat-x (horizontal repeat) ,
no-repeat (no repeat)

border Shorthand notation to configure the

values for border-width ,
border-style , and
border-color of an element

The values for border-width ,
border-style , and border-color
separated by spaces; for example:

border: 1px solid #000000;

border-bottom Shorthand notation to configure the

bottom border of an element

The values for border-width ,
border-style , and border-color
separated by spaces; for example:

border-bottom: 1px solid #000000;

border-color The color of the border around an

element

Any valid color

border-left Shorthand notation to configure the

left border of an element

The values for border-width ,
border-style , and border-color
separated by spaces; for example:

border-left: 1px solid #000000;

border-right Shorthand notation to configure the

right border of an element

The values for border-width ,
border-style , and border-color
separated by spaces; for example:

border-right: 1px solid #000000;

border-style The type of border around an

element

Text values double , groove , inset , none
(the default), outset , ridge , solid ,
dashed , dotted , hidden

border-top Shorthand notation to configure the

top border of an element

The values for border-width ,
border-style , and border-color
separated by spaces; for example:

border-top: 1px solid #000000;

border-width The width of a border around an

element

A numeric pixel value (such as 1px ) or the text
values thin , medium , thick

A numeric pixel value or percentage

Configures a minimum width for an
element

min-width