<?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 Tutorial &#187; capital letters</title>
	<atom:link href="http://www.csstutorial.net/tag/capital-letters/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.csstutorial.net</link>
	<description>CSS Tutorial</description>
	<lastBuildDate>Mon, 30 Jan 2012 06:00:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>All Caps with CSS</title>
		<link>http://www.csstutorial.net/2010/05/changing-the-font-to-all-caps-with-css/</link>
		<comments>http://www.csstutorial.net/2010/05/changing-the-font-to-all-caps-with-css/#comments</comments>
		<pubDate>Tue, 11 May 2010 10:40:49 +0000</pubDate>
		<dc:creator>Andrea Barnett</dc:creator>
				<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[CSS Fonts]]></category>
		<category><![CDATA[Killer CSS Tips and Tricks]]></category>
		<category><![CDATA[all caps]]></category>
		<category><![CDATA[capital letters]]></category>
		<category><![CDATA[uppercase fonts]]></category>

		<guid isPermaLink="false">http://www.csstutorial.net/?p=698</guid>
		<description><![CDATA[While text in general is hard to read when written in all caps - and considered the electronic version of yelling - using CAPS for emphasize is a handy tool. Headers are a place where capitalization is frequently used.  And to assure that your header is displayed uniformly throughout the site without having to worry about actually writing in all caps, just use CSS.]]></description>
			<content:encoded><![CDATA[<p>While text in general is hard to read when written in all caps &#8211; and considered the electronic version of yelling &#8211; using CAPS for emphasize is a handy tool.</p>
<p>Headers are a place where capitalization is frequently used.  And to assure that your header is displayed uniformly throughout the site without having to worry about actually writing in all caps, just use CSS:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">h1 <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">uppercase</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>With this, everything that has the h1 tag applied, <span style="text-transform: uppercase;">will appear in all caps</span>.</p>
<p>Another interesting text-transformation property is &quot;capitalize&quot;</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">h1 <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">capitalize</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p style="text-transform: capitalize;">With this, all your words will begin with a capital letter!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csstutorial.net/2010/05/changing-the-font-to-all-caps-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

