HTML/CSS/CSS Attributes and Javascript Style Properties/list style position — различия между версиями

Материал из Web эксперт
Перейти к: навигация, поиск
м (1 версия)
 
м (1 версия)
 
(нет различий)

Текущая версия на 11:16, 26 мая 2010

"list-style-position" Example

   <source lang="html4strict">
   

<html> <head> </head> <body>

  • Item 1.
  • Item 2.
  • Item 3.
  • Item 4.
  • Item 5.

</body> </html>


     </source>
   
  


list-style-position: inside

   <source lang="html4strict">

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

   <head>
       <title></title>
       <style type="text/css">
           ul {
               font-family: sans-serif;
               list-style-position: inside;
           }
           li {
               border: thin solid lightgrey;   
           }
       </style>
   </head>
   <body>
  • D
  • D
  • D
   </body>

</html>

</source>
   
  


list-style-position: outside

   <source lang="html4strict">

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

   <head>
       <title></title>
       <style type="text/css">
           ul {
               font-family: sans-serif;
               list-style-position: outside;
           }
           li {
               border: thin solid lightgrey;   
           }
       </style>
   </head>
   <body>
  • D
  • D
  • D
   </body>

</html>

</source>