<?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>width Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/width/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/width/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:32 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How to use Width &#038; Height Property in CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-use-width-height-property-in-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-use-width-height-property-in-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Mon, 09 Aug 2021 13:04:12 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[height]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[property]]></category>
		<category><![CDATA[width]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7647</guid>

					<description><![CDATA[<p>Width &#38; Height Property usually uses in Images, Card, fonts, tables etc&#8230; for responsive &#38; attractive design. So, in this [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-width-height-property-in-css/">How to use Width &#038; Height Property in CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Width &amp; Height Property usually uses in Images, Card, fonts, tables etc&#8230; for responsive &amp; attractive design. So, in this blog, you can learn that how can use the width &amp; height property in CSS? </p>



<h3 class="wp-block-heading"><strong>Width</strong>&#8211;</h3>



<p class="wp-block-paragraph">This property is used to set the width of an element. We can set this property to auto and length in the form of px, cm, % etc.</p>



<p class="wp-block-paragraph"><strong>Ex:-</strong></p>



<p class="wp-block-paragraph">div { width: 100px; }</p>



<script src="https://gist.github.com/ajcotocus/dc847d9f1b1b49ada9d57c2d292637b9.js"></script>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="530" height="255" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-61.png" alt="" class="wp-image-7652" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-61.png 530w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-61-300x144.png 300w" sizes="(max-width: 530px) 100vw, 530px" /></figure>



<script src="https://gist.github.com/ajcotocus/6ab3da3c6324b08171124125194006dd.js"></script>



<figure class="wp-block-image size-large"><img decoding="async" width="574" height="786" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-62.png" alt="" class="wp-image-7653" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-62.png 574w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-62-219x300.png 219w" sizes="(max-width: 574px) 100vw, 574px" /></figure>



<h3 class="wp-block-heading"><strong>Height</strong>&#8211;</h3>



<p class="wp-block-paragraph">This property is used to set the height of an element. We can set this property to auto and length in the form of px, cm, % etc.</p>



<p class="wp-block-paragraph"><strong>Ex: &#8211;</strong></p>



<p class="wp-block-paragraph">div { height: 100px; }</p>



<script src="https://gist.github.com/ajcotocus/9bbca7c511b7765f02294dd0afbedb71.js"></script>



<figure class="wp-block-image size-large"><img decoding="async" width="868" height="517" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-63.png" alt="" class="wp-image-7654" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-63.png 868w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-63-300x179.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-63-768x457.png 768w" sizes="(max-width: 868px) 100vw, 868px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-width-height-property-in-css/">How to use Width &#038; Height Property in CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-use-width-height-property-in-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to set Table width, height, color &#038; padding using CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-set-table-width-height-color-padding-using-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-set-table-width-height-color-padding-using-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Wed, 28 Jul 2021 14:47:42 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[cells]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[height]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[padding]]></category>
		<category><![CDATA[table]]></category>
		<category><![CDATA[width]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7172</guid>

					<description><![CDATA[<p>Empty-cells This property is used to set whether or not to display borders and background on empty cells in a [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-set-table-width-height-color-padding-using-css/">How to set Table width, height, color &#038; padding using CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Empty-cells</h2>



<p class="wp-block-paragraph">This property is used to set whether or not to display borders and background on empty cells in a table. It will work only if the border-collapse is set to separate. We can set this property to <em>show</em> (default) or <em>hide</em>.</p>



<p class="wp-block-paragraph"><strong>Ex:-</strong></p>



<p class="wp-block-paragraph">table <strong>{ table-layout: fixed; }</strong></p>



<h2 class="wp-block-heading"><strong>How to set Table width and Height</strong>?</h2>



<p class="wp-block-paragraph">We use <em>width</em> and <em>height</em> property to set table width and height.</p>



<p class="wp-block-paragraph">We can also set table heading (th) width and height.</p>



<p class="wp-block-paragraph"><strong>table { width: 100% ;}</strong></p>



<p class="wp-block-paragraph"><strong>th { height: 10px; }</strong></p>



<figure class="wp-block-image"><img decoding="async" src="https://lh3.googleusercontent.com/proxy/UAOzr1XIVZZtUAptuqXkg2sO8178lyTPWJ_gu2z_LKrDON2sBHqplSl0voaF5wIQiaavfzq_wnJ72i4gP0Ocruvf3Kypbxk90OuCpXbo7P09aPoJlQ" alt=""/></figure>



<h2 class="wp-block-heading"><strong>How to set Table Padding</strong>?</h2>



<p class="wp-block-paragraph">This property is used to control the space between the border and the content in a table, this is used on <strong>&lt;td></strong> and <strong>&lt;th></strong> elements.</p>



<p class="wp-block-paragraph"><strong>th, td { padding: 10px; }</strong></p>



<figure class="wp-block-image"><img decoding="async" src="https://i.stack.imgur.com/AGuDf.gif" alt=""/></figure>



<h2 class="wp-block-heading"><strong>How to set Table color</strong>?</h2>



<p class="wp-block-paragraph"><strong>table {background-color: pink;}</strong></p>



<figure class="wp-block-image"><img decoding="async" src="https://lh3.googleusercontent.com/proxy/CJ00PfR6BFiSkSJo8UILqkHTzp6dGPIVtgAQYQbmHcWQS1DUyYj1B_FVKsvAwXH0XNQVQ5TZsuNagsnG6VdRJY_6U27oO07dunlRhl0P3SEZZA" alt=""/></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-set-table-width-height-color-padding-using-css/">How to set Table width, height, color &#038; padding using CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-set-table-width-height-color-padding-using-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
