http://wbex.ru/index.php?action=history&feed=atom&title=HTML%2FCSS%2FList_Style%2Flist_style
HTML/CSS/List Style/list style - История изменений
2026-04-04T12:09:44Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=HTML/CSS/List_Style/list_style&diff=5620&oldid=prev
в 09:21, 26 мая 2010
2010-05-26T09:21:00Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:21, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=HTML/CSS/List_Style/list_style&diff=5621&oldid=prev
Admin: 1 версия
2010-05-26T08:17:07Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==list-style all values==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<?xml version="1.0" ?><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><br />
<head><br />
<title>CSS Example</title><br />
<style rel="stylesheet" type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
}<br />
li.a {<br />
list-style: none;<br />
}<br />
li.b {<br />
list-style: disc;<br />
}<br />
li.c {<br />
list-style: circle;<br />
}<br />
li.d {<br />
list-style: square;<br />
}<br />
li.e {<br />
list-style: decimal;<br />
}<br />
li.f {<br />
list-style: lower-alpha;<br />
}<br />
li.g {<br />
list-style: upper-alpha;<br />
}<br />
li.h {<br />
list-style: lower-roman;<br />
}<br />
li.i {<br />
list-style: upper-roman;<br />
}<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li class="a">Point one</li><br />
<li class="b">Point two</li><br />
<li class="c">Point three</li><br />
<li class="d">Point four</li><br />
<li class="e">Point five</li><br />
<li class="f">Point six</li><br />
<li class="g">Point seven</li><br />
<li class="h">Point eight</li><br />
<li class="i">Point nine</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==list-style: circle==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: pink;<br />
}<br />
li#marker {<br />
list-style: circle;<br />
} <br />
</style><br />
</head><br />
<body><br />
<ul><br />
<br />
<li id="marker"><br />
Just the marker.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==list-style: inside==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: pink;<br />
}<br />
li#position {<br />
list-style: inside;<br />
} <br />
</style><br />
</head><br />
<body><br />
<ul><br />
<br />
<li id="position"><br />
Just the position.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==list-style: square inside==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: pink;<br />
}<br />
li#marker-inside {<br />
list-style: square inside;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="marker-inside"><br />
The marker and the position.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==list-style: square url("arrow.png")==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: pink;<br />
}<br />
li#marker-image {<br />
list-style: square url("arrow.png");<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="marker-image"><br />
The marker and the image.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==list-style: url("arrow.png")==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: pink;<br />
}<br />
li#arrow-only {<br />
list-style: url("arrow.png");<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="arrow-only"><br />
Just the image.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==list-style: url("arrow.png") inside==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: pink;<br />
}<br />
li#arrow-inside {<br />
list-style: url("arrow.png") inside;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="arrow-inside"><br />
The image and the position.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==The image and the position can be specified==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: lightyellow;<br />
border: 1px solid gold;<br />
padding: 5px;<br />
margin: 2px;<br />
}<br />
li#image-position {<br />
list-style: url("arrow.png") inside;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="image-position"><br />
The image and the position can be specified.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==The marker and the image can be specified==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: lightyellow;<br />
border: 1px solid gold;<br />
padding: 5px;<br />
margin: 2px;<br />
}<br />
li#marker-image {<br />
list-style: square url("http://www.wbex.ru/style/logo.png");<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="marker-image"><br />
The marker and the image can be specified.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==The marker and the position can be specified==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: lightyellow;<br />
border: 1px solid gold;<br />
padding: 5px;<br />
margin: 2px;<br />
}<br />
li#marker-position {<br />
list-style: square inside;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<br />
<li id="marker-position"><br />
The marker and the position can be specified.<br />
</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==You can specify only a marker==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: lightyellow;<br />
border: 1px solid gold;<br />
padding: 5px;<br />
margin: 2px;<br />
}<br />
li#marker {<br />
list-style: square;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="marker">You can specify only a marker.</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==You can specify only a marker image==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: lightyellow;<br />
border: 1px solid gold;<br />
padding: 5px;<br />
margin: 2px;<br />
}<br />
li#image {<br />
list-style: url("arrow.png");<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="image">You can specify only a marker image.</li><br />
</ul><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==You can specify only the position.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>list-style</title><br />
<style rel="stylesheet" type="text/css"><br />
li {<br />
background: lightyellow;<br />
border: 1px solid gold;<br />
padding: 5px;<br />
margin: 2px;<br />
}<br />
li#position {<br />
list-style: inside;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li id="position">You can specify only the position.</li><br />
</ul><br />
</body><br />
</html><br />
</source></div>
Admin