Warning: include(/home/dimya/public_html/css.biz/wp-content/cache/inc.php): failed to open stream: No such file or directory in /home/dimya/public_html/css.biz/index.php on line 12

Warning: include(): Failed opening '/home/dimya/public_html/css.biz/wp-content/cache/inc.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/dimya/public_html/css.biz/index.php on line 12
5fff8925d3d9e6c9c09d93c4b53a310e

  • unordered lists – list items start with a bullet
  • ordered lists – list items start with a number or letter

  • unordered lists – list items start with a bullet (<ul> tag in HTML)
  • ordered lists – list items start with a number or letter (<ol> tag in HTML)

syntax

Value Description Example
armenianArmenian numberinglist-style-type: armenian;
circleA hollow circlelist-style-type: circle;
cjk-ideographicPlain ideographic numberslist-style-type: cjk-ideographic;
decimalDecimal numbers beginning with 1. (1, 2, 3, 4, etc.)list-style-type: decimal;
decimal-leading-zeroNumber with zeros in front if below 10. (01, 02, 03, etc.)list-style-type: decimal-leading-zero;
discA filled-in circlelist-style-type: disc;
georgianGeorgian numberinglist-style-type: georgian;
hebrewHebrew numberinglist-style-type: hebrew;
hiraganaHiragana numberinglist-style-type: hiragana;
hiragana-irohaHiragana iroha numberinglist-style-type: hiragana-iroha;
inheritInherits the value from the parent elementlist-style-type: inherit;
katakanaKatakana numberinglist-style-type: katakana;
katakana-irohaKatakana iroha numberinglist-style-type: katakana-iroha;
lower-alphaLowercase ASCII letterslist-style-type: lower-alpha;
lower-greekLowercase Greek symbols (α, β, γ, etc.)list-style-type: lower-greek;
lower-latinLowercase ASCII letterslist-style-type: lower-latin;
lower-romanLowercase Roman numerals (i, ii, iii, iv, v, etc.)list-style-type: lower-roman;
noneNo symbol is usedlist-style-type: none;
squareSquare symbollist-style-type: square;
upper-alphaUppercase ASCII letters (A, B, C, D, E, etc.)list-style-type: upper-alpha;
upper-latinUppercase ASCII letters (A, B, C, D, E, etc.)list-style-type: upper-latin;
upper-romanUppercase Roman numerals (I, II, III, IV, V, etc.)list-style-type: upper-roman;

live example

CSS example (you can edit this) Live result

list-style-image

syntax

Value Description Example
urlSets the list item marker to a image at a specific URL.list-style-image: url('image-path/image.jpg');
noneDon't use a list item marker.list-style-image: none;
inheritInherits the list item marker from the parent element.list-style-image: inherit;

live example

CSS example (you can edit this) Live result

list-style-position

  • First list item
  • Second list item
  • Third list item
  • First list item
  • Second list item
  • Third list item

syntax

Value Description Example
insideSets the list item marker inside of the flow of the content.list-style-position: inside;
outsideSets the list item marker outside of the flow of the content.list-style-position: outside;
inheritInherits the list item position from the parents element.list-style-position: inherit;

live example

CSS example (you can edit this) Live result

list-style

  1. list-style-type
  2. list-style-position
  3. list-style-image

syntax

Value Description Example
list-style-type
list-style-position
list-style-image
The shorthand way to style a list. It combines these three CSS properties into one.list-style: square url('image.png') inside;

live example

CSS example (you can edit this) Live result
Next Section » « Previous Section

comments

(leave a comment)