li list-style-type: lower-roman; : li « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. li

li list-style-type: lower-roman;

   


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
li {
 list-style-type: lower-roman;
}

</style>
</head>

<body>

  <p>Consectetuer adipiscing elit: 
    
    <ol>
    <li>Vivamus purus enim</li> 
    <li>Sollicitudin vitae</li>
    <li>Tincidunt sit amet</li> 
    <li>Pretium vel, libero</li> 
    </ol>
<p>Sed sed nisi. Morbi gravida, odio at aliquam lobortis, urna massa vehicula mi, et posuere tortor elit eget est. Nulla ligula. Etiam pulvinar. Quisque ante quam, ultricies quis, rutrum dignissim, fermentum a, est. Nulla felis dolor, tempor non, posuere ut, ornare ac, eros. Cras in metus. Sed rutrum lectus ut nibh. Pellentesque ipsum.</p>
  
</body>
</html>








Related examples in the same category

1.'li' creates one item in a list
2.Nested LI tag
3.Add style to an anchor in a LI tag
4.Define class for
  • to set its font weight to bold
    • 5.LI width: 33%
    6.LI margin: 0 0 0.25em 0
    7.LI font: 1.1em/1.2 Verdana, Arial, Verdana, sans-serif;
    8.Set display to inline to a LI under a UL in DIV
    9.Alignment of list items
    10.Alignment of list items with margin
    11.Three level list
    12.Inline centred list
    13.Right-aligned bullets
    14.Tab like list
    15.li text-indent: -0.75em;
    16.UL LI bullet image
    17.LI display: inline;
    18.LI list-style-type: none;
    19.LI line-height: 44px;
    20.List with no margin
    21.Margin for list
    22.Without list type
    23.li { list-style-image: url("http://java2s.com/style/logo.png");}
    24.list-style-position:inside;list-style-position:outside;
    25.list-style: lower-roman inside;
    26.List order and start
    27.nested ordered and unordered lists
    28.HTML for a definition list
    29.HTML and CSS for vertical and horizontal lists
    30.Selecting elements in nested lists
    31.HTML and CSS for two lists with different list-style properties
    32.HTML and CSS for displaying ordered list style types
    33.HTML and CSS for mixed list-style-type values
    34.Using the display property to make a list display inline
    35.Definition List Example
    36.Unordered List Example
    37.Scrolled List Example
    38.Nested Lists
    39.List types
    40.Lists as navigation
    41.Here is a definition list
    42.a nested ordered list
    43.Dropdown List Example
    44.Link list inside a DIV
    45.Page list bottom bar
    46.ul li list-style-type: square;
    47.Image and text list
    48.Using Arrow Image for LI list
    49.For unordered lists, there are three: disc, square, and circle.
    50.For ordered lists, there are eleven different styles of marker:
    51.The marker can be removed from either ordered or unordered lists with the none keyword.
    52.Setting style for LI inside a DIV
    53.line-height: 44px; for li
    54.Using double arrow sign for UI LI
    55.Link styles