CSS Formater - | Clipmarks


	CSS Formater -

BigBadWolf

6-14-2006 5:45 PM

473 views

tags:

css, html, xhtml, web

BigBadWolf says:

Paste your CSS into the box, set options and bang, nice clean CSS code.

Add a Comment

Login to Comment. Not a member yet? Sign up

Today's Top Clips

visit the Top Clips page

View the Top Clips from June 14, 2006

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/8a955740-162e-4ae6-9ee1-13f22599263a/ABEF3F81-35D2-40E7-8AEB-B00FADA46137/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.lonniebest.com/FormatCSS/" href="http://www.lonniebest.com/FormatCSS/" style="font-size: 11px;">www.lonniebest.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.lonniebest.com/FormatCSS/"><P>Paste <A href="http://jigsaw.w3.org/css-validator/" target="_blank">valid</A> CSS into the box below and hit the "Format CSS" button:</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.lonniebest.com/FormatCSS/"><DIV id="s1">
<TEXTAREA wrap="off" rows="3" cols="40" name="css" id="css"></TEXTAREA>
	<DIV><INPUT type="button" value="Format CSS" /><INPUT type="button" value="Settings" /><INPUT type="reset" value="Reset" /></DIV>
</DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.lonniebest.com/FormatCSS/"><DIV id="settings">
		<FIELDSET>
		<LEGEND>@Rule Settings</LEGEND>
		<TABLE><TBODY><TR><TD>After @Rule insert:</TD><TD><SELECT name="aAtRule" id="aAtRule">
						<OPTION value="1" selected="">NewLine</OPTION>
						<OPTION value="2">Space</OPTION>
						<OPTION value="3">Nothing</OPTION>
						<OPTION value="4">Tab</OPTION>
					</SELECT>
				</TD></TR></TBODY></TABLE></FIELDSET>
<FIELDSET>
		<LEGEND>Style Rule Settings</LEGEND>
		<TABLE><TBODY><TR><TD>After selector(s) insert:</TD><TD><SELECT name="aSelectors" id="aSelectors">
						<OPTION value="1" selected="">NewLine</OPTION>
						<OPTION value="2">Space</OPTION>
						<OPTION value="3">Nothing</OPTION>
						<OPTION value="4">Tab</OPTION>
					</SELECT>
				</TD></TR><TR><TD>After open-brace insert:</TD><TD><SELECT name="aOpenBrace" id="aOpenBrace">
						<OPTION value="1" selected="">NewLine</OPTION>
						<OPTION value="2">Space</OPTION>
						<OPTION value="3">Nothing</OPTION>
						<OPTION value="4">Tab</OPTION>
					</SELECT>
				</TD></TR><TR><TD>Before close-brace insert:</TD><TD><SELECT name="bCloseBrace" id="bCloseBrace">
						<OPTION value="1" selected="">NewLine</OPTION>
						<OPTION value="2">Space</OPTION>
						<OPTION value="3">Nothing</OPTION>
						<OPTION value="4">Tab</OPTION>
						<OPTION value="5">NewLine + Tab</OPTION>
					</SELECT>
				</TD></TR><TR><TD>After close-brace insert:</TD><TD><SELECT name="aCloseBrace" id="aCloseBrace">
						<OPTION value="1" selected="">NewLine</OPTION>
						<OPTION value="2">Space</OPTION>
						<OPTION value="3">Nothing</OPTION>
						<OPTION value="4">Tab</OPTION>
					</SELECT>
				</TD></TR><TR><TD>Indent Sub-Rules With:</TD><TD><SELECT name="bSubRules" id="bSubRules">
						<OPTION value="4" selected="">Tab</OPTION>
						<OPTION value="3">Nothing</OPTION>
						<OPTION value="2">Space</OPTION>
					</SELECT>
				</TD></TR></TBODY></TABLE></FIELDSET>
<FIELDSET>
		<LEGEND>Style Property Settings</LEGEND>
		<TABLE><TBODY><TR><TD>Before property names insert:</TD><TD><SELECT name="bProperty" id="bProperty">
						<OPTION value="4" selected="">Tab</OPTION>
						<OPTION value="2">Space</OPTION>
						<OPTION value="3">Nothing</OPTION>
					</SELECT>
				</TD></TR><TR><TD>Before colon insert:</TD><TD><SELECT name="bColon" id="bColon">
						<OPTION value="3" selected="">Nothing</OPTION>
						<OPTION value="2">Space</OPTION>
						<OPTION value="4">Tab</OPTION>
					</SELECT>
				</TD></TR><TR><TD>After colon insert:</TD><TD><SELECT name="aColon" id="aColon">
						<OPTION value="2">Space</OPTION>
						<OPTION value="3">Nothing</OPTION>
						<OPTION value="4">Tab</OPTION>
					</SELECT>
				</TD></TR><TR><TD>After semicolon insert:</TD><TD><SELECT name="aProperty" id="aProperty">
						<OPTION value="1" selected="">NewLine</OPTION>
						<OPTION value="2">Space</OPTION>
						<OPTION value="3">Nothing</OPTION>
						<OPTION value="4">Tab</OPTION>
					</SELECT>
				</TD></TR></TBODY></TABLE></FIELDSET>
<FIELDSET>
		<LEGEND>Alphabetizing Feature</LEGEND>
		<SPAN>Warning:</SPAN> The features below change the order of elements and therefore may alter which styles prevail, during style conflict resolution (cascading).<HR />
		<TABLE><TBODY><TR><TD><INPUT type="checkbox" value="ON" name="alphaAtRules" id="alphaAtRules" />
				</TD><TD>Alphabetize @Rules</TD></TR><TR><TD><INPUT type="checkbox" value="ON" name="alphaStyleRules" id="alphaStyleRules" />
				</TD><TD>Alphabetize Style Rules</TD></TR><TR><TD><INPUT type="checkbox" checked="" value="ON" name="alphaProperties" id="alphaProperties" />
				</TD><TD>Alphabetize Properties</TD></TR></TBODY></TABLE></FIELDSET>
<FIELDSET>
		<LEGEND>De-Capitalization Feature</LEGEND>
		<TABLE><TBODY><TR><TD><INPUT type="radio" checked="" value="1" name="case" id="case" />
</TD><TD>Don't Alter Case</TD></TR><TR><TD><INPUT type="radio" value="2" name="case" id="case" />
				</TD><TD>Convert Only Property Names to Lowercase</TD></TR><TR><TD><INPUT type="radio" value="3" name="case" id="case" />
</TD><TD>Convert Everything to Lowercase</TD></TR></TBODY></TABLE></FIELDSET>
	</DIV></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/ABEF3F81-35D2-40E7-8AEB-B00FADA46137/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

New from the makers of Clipmarks: Amplify.com - Don't just share the news...Amplify it!

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Copyright; Privacy; EULA

Search Options

Today's Top Clips