<?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>cssText &#8211; stoimen&#039;s web log</title>
	<atom:link href="/tag/csstext/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>on web development</description>
	<lastBuildDate>Tue, 13 Feb 2018 08:18:15 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.0.3</generator>
	<item>
		<title>jQuery cssText Helps You Improve Browser Reflows</title>
		<link>/2010/03/17/jquery-csstext-helps-you-improve-browser-reflows/</link>
		<comments>/2010/03/17/jquery-csstext-helps-you-improve-browser-reflows/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 08:32:17 +0000</pubDate>
		<dc:creator><![CDATA[Stoimen]]></dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[snippets]]></category>
		<category><![CDATA[cssText]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[reflow]]></category>
		<category><![CDATA[snippet]]></category>

		<guid isPermaLink="false">/?p=1343</guid>
		<description><![CDATA[cssText You know you can manage to redraw an element with single browser reflow. Instead of using .style.property &#8230; you can simply add all CSS properties you&#8217;d like to change with simply appending to style.cssText property. var csstxt = $('#selector').css('cssText') + ';top:100;left:100;border:1px solid red;color:#f00;'; $('#selector').css('cssText', csstxt); That code is a replacement for $('#selector').css({ left : &#8230; <a href="/2010/03/17/jquery-csstext-helps-you-improve-browser-reflows/" class="more-link">Continue reading <span class="screen-reader-text">jQuery cssText Helps You Improve Browser Reflows</span> <span class="meta-nav">&#8594;</span></a><div class='yarpp-related-rss'>

Related posts:<ol>
<li><a href="/2009/12/23/csstext-and-how-it-can-be-very-very-useful/" rel="bookmark" title="cssText and how it can be very very useful">cssText and how it can be very very useful </a></li>
<li><a href="/2009/11/04/jquery-css-selectors-change-one-or-more-css-properties/" rel="bookmark" title="jQuery CSS selectors. Change one or more CSS properties!">jQuery CSS selectors. Change one or more CSS properties! </a></li>
<li><a href="/2010/03/11/css-priority-the-difference-between-a-my-class-and-my-class/" rel="bookmark" title="CSS Priority: The Difference Between a.my-class and .my-class">CSS Priority: The Difference Between a.my-class and .my-class </a></li>
<li><a href="/2009/03/19/jquery-ajax-script-call/" rel="bookmark" title="JQuery ajax script call">JQuery ajax script call </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<h2>cssText</h2>
<p>You know you can manage to redraw an element with single browser <em>reflow</em>. Instead of using .style.property &#8230; you can simply add all CSS properties you&#8217;d like to change with simply appending to <em>style.cssText</em> property.</p>
<pre lang="javascript">var csstxt = $('#selector').css('cssText') + ';top:100;left:100;border:1px solid red;color:#f00;';
$('#selector').css('cssText', csstxt);</pre>
<p>That code is a replacement for</p>
<pre lang="javascript">$('#selector').css({
   left : '100px',
   top : '100px',
   border : '1px solid red',
   color : '#f00'
});</pre>
<p>enjoy!</p>
<div class='yarpp-related-rss'>
<p>Related posts:<ol>
<li><a href="/2009/12/23/csstext-and-how-it-can-be-very-very-useful/" rel="bookmark" title="cssText and how it can be very very useful">cssText and how it can be very very useful </a></li>
<li><a href="/2009/11/04/jquery-css-selectors-change-one-or-more-css-properties/" rel="bookmark" title="jQuery CSS selectors. Change one or more CSS properties!">jQuery CSS selectors. Change one or more CSS properties! </a></li>
<li><a href="/2010/03/11/css-priority-the-difference-between-a-my-class-and-my-class/" rel="bookmark" title="CSS Priority: The Difference Between a.my-class and .my-class">CSS Priority: The Difference Between a.my-class and .my-class </a></li>
<li><a href="/2009/03/19/jquery-ajax-script-call/" rel="bookmark" title="JQuery ajax script call">JQuery ajax script call </a></li>
</ol></p>
</div>
]]></content:encoded>
			<wfw:commentRss>/2010/03/17/jquery-csstext-helps-you-improve-browser-reflows/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
