<?xml version="1.0"?>
<!DOCTYPE testsuite SYSTEM "http://www.w3.org/WAI/UA/TS/dtd/uaag-testsuite-2.dtd">


<testsuite id="ts0401-font-size">
	
	<metaInfo>
		<testTitle>font-size</testTitle>
		<shortTitle>TEXT size</shortTitle>		
		<testElement>
			<elementName>STYLE</elementName>
			<hlink href="http://www.w3.org/TR/html4/present/styles.html#h-14.2.3">&hspec; STYLE</hlink>
		</testElement>	
		<testElement>
			<elementName>CSS font-size</elementName>
			<hlink href="http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props">CSS2 specification for font-size</hlink>
		</testElement>		
		<creator>Colin Koteles</creator>		
		
				
		<metaElement></metaElement>
		<testStyle></testStyle>
	</metaInfo>
	
	<requirementInfo>
		<checkpoints>
			<checkpoint xref="tech-configure-text-scale">
            <provisions>
            	<provision xref="tech-configure-text-scale-1"/>
					<provision xref="tech-configure-text-scale-2"/>
					<provision xref="tech-configure-text-scale-3"/>											
            </provisions>
         </checkpoint>
		</checkpoints>
	</requirementInfo>
	
	<content>
		
		
		
		<test section="1">
			<procedure>
				<list>
					<item>Configure the user agent to render the following test text sizes both larger and smaller than their initial size.</item> 
				</list>
			</procedure>
			<testCode>
				<p style="font-size: xx-small">XX-small size text</p> 
				<p style="font-size: x-small">X-small size text</p> 
   			<p style="font-size: small">Small size text</p> 
				<p style="font-size: medium">Medium size text</p>
				<p style="font-size: large">Large size text</p> 	  
				<p style="font-size: x-large">X-large size text</p> 			
			   <p style="font-size: xx-large">XX-large size text</p>	
			
				<p style="font-size: 14pt">14pt size text</p>
				<p style="font-size: 14px">14px size text</p>	
				
				<p style="font-size: medium">Medium size parent text</p>	 	
				<blockquote><p style="font-size: smaller">Smaller size child text</p></blockquote>
				<p style="font-size: medium">Medium size parent text</p>	 		
				<blockquote><p style="font-size: larger">Larger size child text</p></blockquote>
				
				<p style="font-size: medium">Medium size parent text</p>	 	
				<blockquote><p style="font-size: 150%">150% size child text</p></blockquote>
				<p style="font-size: medium">Medium size parent text</p>	 		
				<blockquote><p style="font-size: 75%">75% size child text</p></blockquote>				
				
				<p style="font-size: medium">Medium size parent text</p>	 	
				<blockquote><p style="font-size: 1.5em">1.5 em size child text</p></blockquote>
				<p style="font-size: medium">Medium size parent text</p>	 		
				<blockquote><p style="font-size: .75em">.75 em size child text</p></blockquote>	
			</testCode>
      	<exResults>
				<list>
					<item>The user agent allows the user to make the text size larger and smaller.</item>
					<item>The user agent gives the user a range of both larger and smaller text sizes.</item>
					<item>The user agent preserves the difference in text sizes.</item>					
				</list>
			</exResults>
		</test>
						
	</content>

</testsuite>