<?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>Rizq Technology - Exploring Your iDea. &#187; Css</title>
	<atom:link href="http://rizqtech.net/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://rizqtech.net</link>
	<description>All about My Experiences, Knowledge and Thoughts.</description>
	<lastBuildDate>Mon, 26 Jul 2010 07:00:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Css Shorthand 2.</title>
		<link>http://rizqtech.net/2008/10/28/css-shorthand-2/</link>
		<comments>http://rizqtech.net/2008/10/28/css-shorthand-2/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 15:03:37 +0000</pubDate>
		<dc:creator>Rizky</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[css shortand]]></category>
		<category><![CDATA[css styling]]></category>

		<guid isPermaLink="false">http://rizqtech.net/?p=412</guid>
		<description><![CDATA[Border #div { border-width: 5px; (thin, thick, medium or set value) (default = medium) border-style: dotted; (solid, dashed, dotted, double, etc) (default = none) border-color: blue; (named, hex, rgb or 0-255) (default = value of elements/elements parent color property) } #div { border:5px dotted blue; } and #div { border-right-width: 2px; border-right-style: solid; border-right-color: #666666; [...]]]></description>
			<content:encoded><![CDATA[<p>Border</p>
<pre name="code" class="css">
#div {
border-width: 5px;
(thin, thick, medium or set value) (default = medium)
border-style: dotted;
(solid, dashed, dotted, double, etc) (default = none)
border-color: blue;
(named, hex, rgb or 0-255) (default = value of elements/elements parent color property)
}

#div {
border:5px dotted blue;
}
and

#div {
border-right-width: 2px;
border-right-style: solid;
border-right-color: #666666;
}

#div {
border-right:2px solid #666;
}

and

#div {
border-top-width: 3px;
border-right-width: 2px;
border-bottom-width: 3px;
border-left-width: 2px;
}

#div {
border-width:3px 2px;
}
</pre>
<p>Background</p>
<pre name="code" class="css">
#div {
background-color: #CCCCCC;
(named, hex, rgb or 0-255) (default = transparent)
background-image: url(images/bg.gif);
(url or none) (default = none)
background-repeat: no-repeat;
(repeat, repeat-x, repeat-y or no-repeat) (default = repeat)
background-attachment: scroll;
(fixed or scroll) (default = scroll)
background-position: top left;
(top, right, left, bottom or center) (default = 0% 0%)
}

#div {
background:#CCC url(images/bg.gif) no-repeat 0 0;
}
</pre>
<p>Font</p>
<pre name="code" class="css">
#div {
font-family: Verdana, Arial, Helvetica;
(Verdana, Arial, “Times New Roman”, etc) (default = varies by browser)
font-size: 12px;
(xx-small, medium, x-large, set value, etc) (default = medium)
font-weight: bold;
(normal, bold, bolder, lighter, 100-900 or inherit) (default = normal)
font-style: italic;
(normal, italic or oblique) (default = normal)
font-variant: normal;
(normal or small-caps) (default = normal)
line-height: 1.5;
(normal, px, pt, em, num or %) (default = normal)
}

#div {
font:italic bold 12px/1.5 Verdana, Arial, Helvetica;
}
</pre>
<p>List</p>
<pre name="code" class="css">
#div {
list-style-image: url(images/bullet.gif);
(url or none) (default = none)
list-style-position: inside;
(inside or outside) (default = outside)
list-style-type: square;
(circle, disc, square, etc) (default = disc)
}

#div {
list-style:square inside url(images/bullet.gif);
}
</pre>
<p>Colors</p>
<pre name="code" class="css">
Black: #000000 to #000
Blue: #0000ff to #00f
Dark Grey: #666666 to #666
Light Grey: #cccccc to #ccc
Orange: #ff6600 to #f60
White: #ffffff to #fff
</pre>
]]></content:encoded>
			<wfw:commentRss>http://rizqtech.net/2008/10/28/css-shorthand-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
