<?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>London Web Hosting &#187; Web Design</title>
	<atom:link href="http://chickhosting.com/category/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://chickhosting.com</link>
	<description>UK web server, UK dedicated server, Mysql server, Windows server 2003, Database server, virtual Private server</description>
	<lastBuildDate>Thu, 07 Jan 2010 09:19:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS shorthand Property Guideline</title>
		<link>http://chickhosting.com/web-design/css-shorthand-property-guideline</link>
		<comments>http://chickhosting.com/web-design/css-shorthand-property-guideline#comments</comments>
		<pubDate>Sat, 11 Oct 2008 10:36:01 +0000</pubDate>
		<dc:creator>bob</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://chickhosting.com/?p=17</guid>
		<description><![CDATA[There is actually no official guideline for each CSS shorthand property value, however this may help you during design work that we have organized collectively. 
Background
background-color:#fff;
background-image:url(background.gif);
background-repeat:no-repeat;
background-position:top left;
Woh… it’s too long, take a look at this.
background:#fff url(background.gif) no-repeat top left;
Font
font-size:1em;
line-height:2em;
font-weight:bold;
font-style:italic;
font-family:arial;
Shorthand:
font:1em/2em bold italic serif;
Margin &#038; padding
There are different shorthand properties for margin &#038; padding.
Four different values
margin-top:10px;
margin-right:5px;
margin-bottom:15px;
margin-left:20px;
shorthand:
margin:10px 5px [...]]]></description>
			<content:encoded><![CDATA[<p>There is actually no official guideline for each CSS shorthand property value, however this may help you during design work that we have organized collectively. </p>
<p>Background<br />
background-color:#fff;<br />
background-image:url(background.gif);<br />
background-repeat:no-repeat;<br />
background-position:top left;</p>
<p>Woh… it’s too long, take a look at this.<br />
background:#fff url(background.gif) no-repeat top left;</p>
<p>Font<br />
font-size:1em;<br />
line-height:2em;<br />
font-weight:bold;<br />
font-style:italic;<br />
font-family:arial;</p>
<p>Shorthand:<br />
font:1em/2em bold italic serif;</p>
<p>Margin &#038; padding<br />
There are different shorthand properties for margin &#038; padding.</p>
<p>Four different values<br />
margin-top:10px;<br />
margin-right:5px;<br />
margin-bottom:15px;<br />
margin-left:20px;</p>
<p>shorthand:<br />
margin:10px 5px 15px 20px; (top, right, bottom, left)</p>
<p>Three different values<br />
margin-top:10px;<br />
margin-right:5px;<br />
margin-bottom:15px;<br />
margin-left:5px;</p>
<p>shorthand:<br />
margin:10px 5px 15px; (top, right and left, bottom)</p>
<p>Two different values<br />
margin-top:10px;<br />
margin-right:20px;<br />
margin-bottom:10px;<br />
margin-left:20px;</p>
<p>shorthand:<br />
margin:10px 20px; (top and bottom, right and left)</p>
<p>One value<br />
margin-top:10px;<br />
margin-right:10px;<br />
margin-bottom:10px;<br />
margin-left:10px;</p>
<p>shorthand:<br />
margin:10px; (top, bottom, right and left)</p>
<p>These rules also apply to padding and border.</p>
<p>Border<br />
border-width:1px;<br />
border-color:#000;<br />
border-style:solid;</p>
<p>shorthand:<br />
border:1px solid #000;</p>
<p>border:1px solid #f00;<br />
border-left:5px dotted #00f;<br />
border-top:10px dotted #00f;</p>
<p>shorthand:<br />
border:1px solid #336;<br />
border-width:10px 1px 1px 5px;<br />
border-color:#00f #f00 #f00 #00f;</p>
<p>Lists<br />
list-style:#fff;<br />
list-style-type:none;<br />
list-style-position:outside;<br />
list-style-image:url(bullet.gif);</p>
<p>Shorthand:<br />
list-style: none outside url(bullet.gif);</p>
<p>Color<br />
color:#000000;</p>
<p>shorthand:<br />
color:#000;</p>
<p>These values as defined for RGB, if both R values are similar (00 in current example), then you can combine them as one (0).</p>
<p>Amother example</p>
<p>color:#00ff00;</p>
<p>shorthand:<br />
color:#0f0;</p>
]]></content:encoded>
			<wfw:commentRss>http://chickhosting.com/web-design/css-shorthand-property-guideline/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

