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

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

Версия 12:21, 26 мая 2010

LI 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 xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> li { 

list-style-position: inside;
width: 33%;
padding: 0;
margin: 0;

} ul { 

margin: 0;
padding: 0 0 0 1em;

} </style> </head> <body>

Table of Contents

As proposed, the contents of the paper will contain the following sections:

  • Database
  • Privacy
  • Best
  • Automation?
  • Smart Choice

let <a href="n@h.ru">Nicholas</a> know about it.


</body> </html> 

</source>


list-style-position: outside

   <source lang="html4strict">

<?xml version="1.0" ?> <!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" lang="en" xml:lang="en"> <head> 

 <title>CSS Example</title>
 <style rel="stylesheet" type="text/css">

body { 

 background-color: #ffffff;

} ul { 

 list-style-position: outside;

} ol { 

 list-style-position: inside;

} </style> </head> <body>

  • This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
  • This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
  • This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
  1. This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
  2. This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
  3. This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.

</body> </html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/List_Style/list_style_position&oldid=5618»