{ DISPLAY : BLOCK | INLINE | LIST-ITEM | NONE }

Inherited: No

The DISPLAY property controls how an image will be displayed.

BLOCK

The BLOCK value is the default. It treats the element to be displayed as a block-level element, or block-level box, that has a line break before and after the element.

INLINE

The INLINE value treats the element to be displayed as an inline element, or inline box, that does not have a line break before or after the element. In other words, everything is displayed on the same line.

LIST-ITEM

The LIST-ITEM value treats the element to be displayed as a list. Each item in the list can be preceeded by an optional marker, such as the solid black circle,

NONE

The NONE value prevents the display of the element.

Code:
Selector {DISPLAY:  BLOCK}
Selector {DISPLAY:  INLINE}
Selector {DISPLAY:  LIST-ITEM}
Selector {DISPLAY:  NONE}

{ LIST-STYLE-IMAGE : URL(UrlAddress) | NONE }

Inherited: Yes

The LIST-STYLE-IMAGE property is used to provide the location of an image that is used as a marker in a list. This property only applies to elements with DISPLAY values of LIST-ITEM.

URL(UrlAddress)

The URL(UrlAddress) value gives the address where the image is stored. You must enclose the url address inside a pair of parentheses.

NONE

The default NONE value indicates that no image will be displayed. This is primarily used to turn off a previously selected image so that it will not be reused in another listing.

Code:
Selector {LIST-STYLE-IMAGE:  URL(http://devguru.com/devgurupix.gif)}
Selector {LIST-STYLE-IMAGE:  NONE}

{ LIST-STYLE-POSITION : INSIDE | OUTSIDE }

Inherited: Yes

The LIST-STYLE-POSITION property determines where the list-item marker is placed in a list. This property only applies to elements with DISPLAY values of LIST-ITEM.

Both Internet Explorer and Netscape users may access the values of this property by using the LIST-STYLE property which is discussed below.

INSIDE

The INSIDE value indents the list-item marker to the right into the list.

OUTSIDE

The default OUTSIDE value keeps the list-item marker extended to the left out of the list.

Code:
Selector {LIST-STYLE-POSITION:  INSIDE}
Selector {LIST-STYLE-POSITION:  OUTSIDE}

{ LIST-STYLE-TYPE : DISC | CIRCLE | SQUARE | DECIMAL | LOWER-ROMAN | UPPER-ROMAN | LOWER-ALPHA | UPPER-ALPHA | NONE }

The LIST-STYLE-TYPE property allows you to select the type of list-item marker that you use in a listing. For unordered lists, you can choose DISC, CIRCLE, or SQUARE. For ordered lists, you can choose DECIMAL, LOWER-ROMAN, UPPER-ROMAN, LOWER-ALPHA, or UPPER-ALPHA. For any type of list, you can choose NONE.

This property only applies to elements with DISPLAY values of LIST-ITEM.

Many browsers will only recognize the solid black DISC.

DISC

The DISC value is the default.

• This is a disc marker.

• This is a circle.

• This is a square.

• This is decimal (1, 2, 3, etc.).

• This is lower-Roman (i, ii, iii, iv, etc.).

• This is upper-Roman (I, II, III, IV, etc.).

• This is lower-alpha (a, b, c, etc.).

• This is upper-alpha (A, B, C, etc.).

• This is none (no marker).

Code:
Selector {LIST-STYLE-TYPE:  DISC}
Selector {LIST-STYLE-TYPE:  CIRCLE}
Selector {LIST-STYLE-TYPE:  SQUARE}
Selector {LIST-STYLE-TYPE:  DECIMAL
Selector {LIST-STYLE-TYPE:  LOWER-ROMAN}
Selector {LIST-STYLE-TYPE:  UPPER-ROMAN}
Selector {LIST-STYLE-TYPE:  LOWER-ALPHA}
Selector {LIST-STYLE-TYPE:  UPPER-ALPHA}
Selector {LIST-STYLE-TYPE:  NONE}

{ LIST-STYLE : LIST-STYLE-TYPE &| LIST-STYLE-POSITION &| LIST-STYLE-IMAGE }

Inherited: Yes

The LIST-STYLE property allows you to assign values for LIST-STYLE-IMAGE, and/or LIST-STYLE-POSITION, and/or LIST-STYLE. Note that a blank space is placed between each value. This property only applies to elements with DISPLAY values of LIST-ITEM.

Each of the values for these properties is discussed above.

Code:
Selector {LIST-STYLE: SQUARE  INSIDE}
Selector {LIST-STYLE: UPPER-ROMAN  OUTSIDE}
Selector {LIST-STYLE:  OUTSIDE  (http://www.mypets.com/aardvark.jpg)}

{ WHITE-SPACE : NORMAL | PRE | NOWRAP }

Note that there are currently no versions of Internet Explorer or Netscape that recognize this property.

The WHITE-SPACE property determines the use of white space (blank space) inside an element.

NORMAL

The NORMAL value is the default.

PRE

The PRE value behaves like the HTML tag <PRE>.

NOWRAP

The NOWRAP value allows a text to continue on the same line until the end of the text or until an HTML tag <BR> is encountered. The <BR> tag causes the text to wrap down to the next line.

Code:
Selector {WHITE-SPACE:  NORMAL}
Selector {WHITE-SPACE:  PRE}
Selector {WHITE-SPACE:  NOWRAP}

Copyright 2000 by Infinite Software Solutions, Inc.
Trademark Information