<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>CSS Tutorials and CSS Articles &#187; CSS Lists</title>
	<atom:link href="http://www.cssmaster.co.uk/tag/css-lists/feed" rel="self" type="application/rss+xml" />
	<link>http://www.cssmaster.co.uk</link>
	<description>CSS tutorials and articles</description>
	<lastBuildDate>Tue, 02 Feb 2010 01:43:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS Lists</title>
		<link>http://www.cssmaster.co.uk/css-lists</link>
		<comments>http://www.cssmaster.co.uk/css-lists#comments</comments>
		<pubDate>Sat, 16 Jan 2010 01:34:29 +0000</pubDate>
		<dc:creator>CSS Master</dc:creator>
				<category><![CDATA[CSS Tutorials]]></category>
		<category><![CDATA[CSS Lists]]></category>

		<guid isPermaLink="false">http://www.cssmaster.co.uk/?p=30</guid>
		<description><![CDATA[A CSS List is styling for the two type of HTML Lists: ul (unordered list) and ol (ordered list).
An unordered list is a list displayed in no particular order to the browser.  Where it may be in some sort of order to the reader (such a list of ingredients by their importance) the list [...]]]></description>
			<content:encoded><![CDATA[<p>A <strong>CSS List</strong> is styling for the two type of <strong>HTML Lists</strong>: ul (unordered list) and ol (ordered list).</p>
<p>An unordered list is a list displayed in no particular order to the browser.  Where it may be in some sort of order to the reader (such a list of ingredients by their importance) the list is not to be treated in any particular fashion.  An ordered list is quite the opposite and increments for each list item.</p>
<p>By default the ul has a disc, which appears as a dot or bullet point.  The HTML short-code for this is <code>&amp;bull;</code>.  Other values include:</p>
<ul>
<li>None &#8211; Blank, nothing, nada, zilch.</li>
<li>circle</li>
<li>square</li>
</ul>
<p>They are all quite obvious.</p>
<p>There are far more values for the ordered list (ol):</p>
<ul>
<li>decimal &#8211; a number</li>
<li>decimal-leading-zero &#8211; a number with a preceeding 0 (01, 02, 03, &#8230;)</li>
<li>georgian &#8211; a traditional georgian number (an, ban, gan, &#8230;)</li>
<li>low-alpha &#8211; letter used (a, b, c, d, &#8230;)</li>
<li>lower-greek &#8211; the greek alphabet is used (alpha, beta, &#8230;)</li>
<li>lower-roman &#8211; traditional roman numerals are used (i, ii, iii, iv, v, &#8230;)</li>
<li>All &#8216;lower&#8217; items can also be &#8216;upper&#8217;: upper-roman, upper-latin, upper-alpha &#8211; all produce uppercase results.</li>
</ul>
<p>These are all implemented using the <code>list-style-type</code> declaration.  See the example below:<br />
<code>.circlebullet { list-style-type: circle; }<br />
.romannumeral { list-style-type: lower-roman; }</code></p>
<p>Images can also be used as bullet items.  For this, just use the declaration <code>list-style-image</code> in the same way as you would use the <a href="http://www.cssmaster.co.uk/css-backgrounds">CSS Backgrounds</a> code.<br />
<code>ul { list-style-image: url('images/my_bullet.gif'); }</code></p>
<li>
<li></li>
<li>
]]></content:encoded>
			<wfw:commentRss>http://www.cssmaster.co.uk/css-lists/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

