Openwave Mobile Browser 6.1 and 6.2: XHTML Mobile Profile and CSS Reference
Section 28 out of 38 total sections
Current chapter: CSS Reference
|
|
|
|
You can use the list properties to set rules for bulleting, numbering, and indenting of ordered and unordered lists, and for the definitions in definition lists (<dd> elements contained in <dl> elements).
Declares the type of bullets or numbers in an unordered or ordered list.
NOTE This property ignores whether the selected list item is a member of an ordered or unordered list. For example, you can use this property to number list items in an unordered list. Prevent this effect by taking care with your selectors, most simply by creating rules that apply the list-style-property to the <ol> or <ul> elements, rather than to <li> element directly.
disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none, inherit
disc for unordered lists, decimal for ordered lists, none for definition lists.
Elements in ordered (<ol>) and unordered (<ul>) lists, and definition (<dd>) elements in definition lists (<dl>).
The values have the following effect:
disc, circle, square Depends on the phone. The standard images for the Openwave Mobile Browser are 
, 
, and 
lower-roman Lowercase roman numerals (i, ii, iii, and so on)
upper-roman Uppercase roman numerals (I, II, III, and so on)
none No decoration, affecting both list-style-type and list-style-image
Numbered lists start with 1 unless you set a different starting number, as described in <li> and <ol>.
The list-style-type property ignores whether affected items are part of an ordered, unordered, or definition list. Avoid setting a style rule for all <li> elements. Apply list-style-type to <ol>, <ul>, or <dl>, or use descendant selectors or a similar technique.
ul {list-style-type: square}
Use square bullets before items in unordered lists.
Specifies how text in a list item wraps when it doesn't fit on one line. The outside value causes the second and following lines of a list item to wrap to the right of the item's bullet or number (a "hanging indent"); the inside value causes the text to align with the left side of the bullet or number.
Elements in ordered (<ol>) and unordered (<ul>) lists, and definition (<dd>) elements in definition lists (<dl>).
ul {list-style-postion: inside}
Sets the bullet and the second and subsequent lines of text flush left.
Sets an image to be used as the bullet in a list.
See URLs and Keywords for more information.
Elements in ordered (<ol>) and unordered (<ul>) lists, and definition (<dd>) elements in definition lists (<dl>).
URLs includes information on how to take advantage of the Openwave icons and WAP pictograms included with the browser as background images.
ul {list-style-image: localsrc("bird")}
Sets the Openwave bird icon as the bullet for items in unordered lists.
A shorthand property that sets the list-style-type, list-style-position, and list-style-image properties.
See the values for list-style-type, list-style-position, and list-style-image.
Elements in ordered (<ol>) and unordered (<ul>) lists, and definition (<dd>) elements in definition lists (<dl>).
Because they share no common values, you can use the list-style-type, list-style-position, and list-style-image values in any order.
ol {list-style: lower-alpha inside}
Uses lowercase letters before the items in orders lists, without a hanging indent.
|
|
|
|