Give Your Blog Images Zoom Effect !!!

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">I hope everyone is healthy is good. At today's CSS3 What style will show a link to the blog Zoom will show the image. Moreover, the blog post we have a lot of time with small images. When you place your mouse over the photo Zoom the image of the show. There are other ways, but I think it's convenient. Let's take a look.</span></div><br /><div style="text-align: center;"><img alt="photo zoom effects" src="http://upload.wikimedia.org/wikipedia/commons/a/a2/1328101984_Zoom-in.png" title="" /></div><br /><div class="message_box announce" style="background-attachment: scroll; background-position: 10px 50%; background-repeat: no-repeat; border: 1px solid rgb(51, 53, 54); color: #222224; line-height: 19.2px; margin: 15px 0px; padding: 0.5em 1em 0.5em 3em;"><div style="text-align: center;"><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><b>How will this add to your blog widgets....</b></span></div></div><br /><ul style="text-align: left;"><li><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif; line-height: 19.2px;">First, login to your <b>Blogger Blog</b>.</span></li><li><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif; line-height: 19.2px;">From the <b>Dashboard</b>, click on the <b>Template</b> → <b>Edit HTML</b>.</span></li><li><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif; line-height: 19.2px;">Now press <b>CTRL + F</b> on your keyboard Look for the tag below.</span></li></ul><blockquote class="tr_bq" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxkB-ndD3T5iAkFqtmmiJ8DoWL7njkPowen1GP6IrOZUIM2rw-B4EIAvL3VGYp34WindwdHuwHE2VSMLxEcpPYRoPOVDi0jxA64YDuw54roV4tT7t1dLY6ZQAOZv_lGE_HBnHB_nexiIt/s1600/quotation-l.png") 0% 5px no-repeat rgb(255, 255, 255); font-family: verdana, geneva, sans-serif; line-height: 1.6em; margin: 20px; opacity: 0.75; padding-left: 40px;"><span style="color: #3d85c6;">]]></b:skin></span></blockquote><ul style="color: #333333; font-family: Verdana, Geneva, sans-serif; line-height: 19.2px;"><li><span style="line-height: 19.2px;">When looking at the top of the tag just before putting it in the bottom of the CSS code.</span></li></ul><div style="line-height: 19.2px;"><div><ol style="font-size: 12px; line-height: 22.4px;"><div class="code" style="border-color: rgb(218, 218, 218); border-style: solid; border-width: 1px 1px 1px 20px; letter-spacing: 0.293333px; line-height: 16px; margin: 10px 0px 10px 10px; max-height: 500px; min-height: 16px; outline: none; overflow: auto; padding: 5px; vertical-align: baseline; width: 549px;"><span style="background-color: white;"><span style="color: #3d85c6; font-family: "courier new" , "courier" , monospace;"><span style="letter-spacing: normal; line-height: 19.2px;"></style><style type="text/css"></span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">/*URL: http://tomarijonnor.blogspot.com */</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">.hovergallery img{</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-moz-transform:scale(0.8); /*Mozilla scale version*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-o-transform:scale(0.8); /*Opera scale version*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-moz-transition-duration: 0.5s; /*Mozilla duration version*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-o-transition-duration: 0.5s; /*Opera duration version*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">}</span><br style="letter-spacing: normal; line-height: 19.2px;" /><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">.hovergallery img:hover{</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-moz-transform:scale(1.1); /*Mozilla scale version*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">-o-transform:scale(1.1); /*Opera scale version*/</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">opacity: 1;</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;">}</span><br style="letter-spacing: normal; line-height: 19.2px;" /><span style="letter-spacing: normal; line-height: 19.2px;"></style></span></span></span></div><div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; line-height: 22.4px;"><span style="background-color: pink; color: #fef9bf; font-family: "georgia" , "verdana" , "courier" , "mono" , serif; line-height: 19.2px;"></span></div></ol></div></div><div><ul style="text-align: left;"><li><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif; line-height: 19.2px;">Now <b>Save</b> your work.</span></li></ul></div><div style="text-align: justify;"><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 19.2px;">Now when you go to the zooming effect on any blog post to any image you want, then class = "hover gallery" specific image <div> tag should be.</span></span></div><ul style="background-color: white; list-style: none; padding: 0px; text-align: left;"><li style="color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;"></li></ul><span style="background-color: white;"></span><br /><ul style="color: #333333; font-family: Verdana, Geneva, sans-serif; line-height: 19.2px; text-align: left;"><li><span style="background-color: white;"><span style="line-height: 19.2px;">Take a look down the well.</span></span></li><span style="background-color: white;"></span></ul><div><blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxkB-ndD3T5iAkFqtmmiJ8DoWL7njkPowen1GP6IrOZUIM2rw-B4EIAvL3VGYp34WindwdHuwHE2VSMLxEcpPYRoPOVDi0jxA64YDuw54roV4tT7t1dLY6ZQAOZv_lGE_HBnHB_nexiIt/s1600/quotation-l.png"); background-origin: initial; background-position: 0% 5px; background-repeat: no-repeat; background-size: initial; margin: 20px; opacity: 0.75; padding-left: 40px;"><span style="background-color: white;"><span style="font-family: "verdana" , "geneva" , sans-serif;"><span style="font-size: 13.2px; line-height: 1.6em;"><a class="hovergallery" href="</span></span><span style="font-family: "verdana" , "geneva" , sans-serif; font-size: 13.2px; line-height: 1.6em;"><span style="color: lime;">http://gulpatutorial.blogspot.in/</span></span><span style="font-family: "verdana" , "geneva" , sans-serif;"><span style="font-size: 13.2px; line-height: 1.6em;">"><img src="</span></span><span style="color: #0b5394; font-family: "verdana" , "geneva" , sans-serif;"><span style="font-size: 13.2px; line-height: 21.12px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM6A6Tm7QtlnLqDF7S4OQPNdIaIO-CWRjNNah4ccocGMp0xoStLqn3Z5smauDVLj_0fZMuaTp9gatjZ5DymWDjxEABjkJFJl1Oj6WgrtzTqliYePvd1rO_DIl3ZeD4d1ZBxiK_zRXy1tN9/s1600/Parvej+Alam+%252849%2529+copy.png</span></span><span style="font-family: "verdana" , "geneva" , sans-serif;"><span style="font-size: 13.2px; line-height: 1.6em;"><span style="color: #0b5394;">"</span>/></span></span></span></blockquote></div><div><span style="background-color: white;"><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 19.2px;"><b style="color: #333333;">Note:</b><span style="color: #333333;"> The </span><span style="color: lime;">Green</span><span style="color: #333333;"> Color of the enclosed part of the link. The </span><span style="color: #0b5394;">Blue</span><span style="color: #333333;"> Color of the                enclosed part of the Photo.</span></span></span></span><br /><span style="background-color: white;"><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 19.2px;"><br /></span></span></span><span style="background-color: white;"><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 19.2px;"><br /></span></span></span><span style="background-color: white;"><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 19.2px;"><br /></span></span></span><span style="background-color: white;"><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 19.2px;"><br /></span></span></span><div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><div><span style="color: lime; font-size: 18.2px;"><br /></span></div><h4 style="border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; font-family: 'bold sans-serif', arial; font-size: 18.2px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px 0px 10px; padding: 3px;"><span style="color: lime; font-size: 18.2px;">Author:</span></h4></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzyaaIhC1ArGyNqeLh-vhdc7HDFVO1RzRwZP4y3iOHW2MJDfGXNo-x6hcCQDvDY0_fOVhkAt2UFCv2wSAj6bwQYffKZgtTfQ3Lv-hXUhd7D0Qu9W0ErKB9eMIIx9LChVTZUFZXd4SNZ_l/s1600/Parvej+Alam+%252898%2529.jpg" imageanchor="1" style="clear: right; color: #999999; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration: none;"><img alt="Parvej Alam" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzyaaIhC1ArGyNqeLh-vhdc7HDFVO1RzRwZP4y3iOHW2MJDfGXNo-x6hcCQDvDY0_fOVhkAt2UFCv2wSAj6bwQYffKZgtTfQ3Lv-hXUhd7D0Qu9W0ErKB9eMIIx9LChVTZUFZXd4SNZ_l/s200/Parvej+Alam+%252898%2529.jpg" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="" width="185" /></a></div><div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><br /></div><span style="background-color: white;"><span style="color: #333333; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 19.2px;"></span></span></span><br /><div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">My name is Parvej Alam. Founder of Gulpa Tutorial Ltd. I am a student of JNU Calcutta branch of the BCA is studying in 3rd year.</span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">He loves to share his thoughts with others like helping others </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">in the niche of HTML,CSS,JavaScript, C Programming, Microsoft Excel Formula and other Blogger and Computer Tips. </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">Currently he is living in Malda (West Bengal). You can find him on various Social Media Networks given Below.</span></div><div style="line-height: 19.2px;"><a href="https://www.twitter.com/parvej4u2" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://1.bp.blogspot.com/-TD3jCs_IZcg/UiIRjnuFRyI/AAAAAAAACUA/9ZYp0awI3Ss/s1600/twitter.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Twitter" /></a><span id="goog_1131332681"></span><span id="goog_1131332682"></span><a href="https://www.facebook.com/parvej4u2" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://1.bp.blogspot.com/-XtMSvGt9QbM/UiIRj_Z-xkI/AAAAAAAACUE/lxKPo9uepx4/s1600/facebook.png" style="border: 1px solid rgb(192, 192, 192); height: auto; line-height: 19.2px; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Facebook" /></a><a href="https://plus.google.com/u/0/114312941188673148368" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://4.bp.blogspot.com/-l6tB4HfZcfY/UjdItwk9-7I/AAAAAAAACW4/iHklkLWO_Fs/s1600/google.png" style="border: 1px solid rgb(192, 192, 192); height: auto; line-height: 19.2px; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Google plus" /></a></div></div></div><br /><br /></div>

Give Your Blog Images Zoom Effect !!!

I hope everyone is healthy is good. At today's CSS3 What style will show a link to the blog Zoom will show the image. Moreover, the blog...

Read More

Text-indent Property

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfa1C-cy5MIVgjFLflD5nIOnGiOEOKxBZgc34Gt4n02vY7thyVX-oH_92BHPbTPLV0QCmN36ekzZlFVXEgkTJGpG4QhvxyKf7jyNafQPAjtpTI9P8LIfE5Kh7EEDj9UIuyBoDs60MkFTSQ/s1600/css-logo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="CSS text-indent property" border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfa1C-cy5MIVgjFLflD5nIOnGiOEOKxBZgc34Gt4n02vY7thyVX-oH_92BHPbTPLV0QCmN36ekzZlFVXEgkTJGpG4QhvxyKf7jyNafQPAjtpTI9P8LIfE5Kh7EEDj9UIuyBoDs60MkFTSQ/s200/css-logo.jpg" title="" width="200" /></a></div><div style="text-align: justify;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div><div style="text-align: justify;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;">8.</span><span style="text-align: left;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Text-indent Property:</span></span></b></div><div style="text-align: justify;"><span style="text-align: left;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">      Who we CSS text-indent HTML <pre> tag can be used instead. Value directly or by using a percentage of the value we can specify text-indent. What is the meaning of the text with text indent on the left side to start with. As the value of the length (em, ex, pt) and percentage (%) can be used.</span></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>For Example:</b></span></div><div style="text-align: justify;"><span style="font-family: "courier new" , "courier" , monospace;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>     Input: </b></span><span style="font-family: "courier new" , "courier" , monospace;">   <span style="color: #666666;">    <html><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                    <head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                         <style type=”text/css”><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                              h1 {text-indent:50px;}</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                         </style><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                    </head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                         <body><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                              <h2>This site name is Gulpa Tutorial</h2></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                              <h1>This site name is Gulpa Tutorial</h1></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                          </body><o:p></o:p></span></div><div style="text-align: justify;"></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">               </html></span><span style="font-family: "vrinda";"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #cccccc; font-family: "courier new" , "courier" , monospace;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>     Output:</b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div style="text-align: justify;"><html><head><style type="”text/css”">h1 {text-indent:50px;} </style></head><body><h2>This site name is Gulpa Tutorial</h2><h1>This site name is Gulpa Tutorial</h1></body></html></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span><br /><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "arial" , sans-serif; font-size: 13.5pt;">9. Text produce Property:</span></b><span style="font-family: "times new roman" , serif; font-size: 13.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , sans-serif; font-size: 13.5pt;">     </span><span style="font-family: "times new roman" , serif; font-size: 13.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "arial" , sans-serif; font-size: 13.5pt;">      Transform the text of the text can be quickly capitalize. The first letter of every word to capitalize. The values can be four. </span><span style="font-family: "times new roman" , serif; font-size: 13.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><span style="font-family: "arial" , "helvetica" , sans-serif;"> </span><br /><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "arial" , sans-serif; font-size: 13.5pt;">For example,</span></b><span style="font-family: "times new roman" , serif; font-size: 13.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "arial" , sans-serif; font-size: 13.5pt;"><br /></span></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b><span style="font-family: "arial" , sans-serif; font-size: 13.5pt;">           Input:        <span style="color: #666666;"> </span></span></b><span style="color: #666666; font-family: "courier new" , "courier" , monospace;"><html></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                    <head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                       <style type=”text/css”><br />                          p.uppercase{text-transform:uppercase;}<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                          p.lowercase{text-transform:lowercase;}<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                          p.capitalize{text-transform:capitalize;}<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                        </style><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                    </head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                        <body><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                          <p class=”uppercase”>This is some text.</p><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                          <p class=”lowercase”>This is some text.</p><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                          <p class=”capitalize”>This is some text.</p><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                         </body><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;">                 </html></span><span style="font-family: "vrinda";"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: #666666; font-family: "courier new" , "courier" , monospace;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>         Output:</b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div><div style="text-align: justify;"><html><head><style type="”text/css”">p.uppercase{text-transform:uppercase;} p.lowercase{text-transform:lowercase;} p.capitalize{text-transform:capitalize;} </style></head><body><div class="”uppercase”">This is some text.</div><div class="”lowercase”">This is some text.</div><div class="”capitalize”">This is some text.</div></body></html></div></div></div>

Text-indent Property

8. Text-indent Property:       Who we CSS text-indent HTML <pre> tag can be used instead. Value directly or by using a percentage of t...

Read More

Text Direction Property

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>2. Text Direction Property:</b></span><span style="font-family: Vrinda;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Arial, Helvetica, sans-serif;">This property is used to indicate the direction of the text. The use of a lot less. Although you do not have it.</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><b style="font-family: Vrinda;">   1. </b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Vrinda; mso-bidi-font-weight: bold; mso-bidi-language: BN-BD;"><b>   </b>      </span><span style="font-family: Courier New, Courier, monospace;">  <html><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">             <head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">                  <style type=”text/css”><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">                        p {direction:rtl;}<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">                        h5{direction:ltr}<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">                  </style><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">             </head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">                    <body><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">                        <p> Some text. Default writing direction.</p><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">                        <h5>Some text. Default writing direction.</h5><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">                    </body><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"> </div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">       </html></span><span style="font-family: Vrinda;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"> <b>2.</b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">       <html></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">       <head></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">       <style></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">              div.ex1 {</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">              direction: rtl;</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">              }</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">       </style></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">       </head></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">       <body></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">              <div>Some text. Default writing direction.</div></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">              <div class="ex1">Some text. Right-to-left direction.</div></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;">       </body></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"></html></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdFZ-B-P2K97ETw_MnDz-W4rHTXlT9jMpMfICtDIMVGRaEIpTiDsfIv-LTqV0TyZ1rLkV-tUQyxrI205QpEe7EjvA7GzrU29Lh-grReK7Xt12Fy8QiUG3MgsW3-TRnn-jz_vYWwCdBURr/s1600/Using+the+value.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Text Direction Property" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdFZ-B-P2K97ETw_MnDz-W4rHTXlT9jMpMfICtDIMVGRaEIpTiDsfIv-LTqV0TyZ1rLkV-tUQyxrI205QpEe7EjvA7GzrU29Lh-grReK7Xt12Fy8QiUG3MgsW3-TRnn-jz_vYWwCdBURr/s1600/Using+the+value.jpg" title="" /></a></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></div></div>

Text Direction Property

2. Text Direction Property: This property is used to indicate the direction of the text. The use of a lot less. Although you do not have it....

Read More

CSS Text Proparty

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Several of the CSS property controls the text. As a web page or a paragraph as a heading or other text contains a lot of things. These are the sort of web page text to determine the required style. CSS text property of the text spacing, decoration, color, alignment, including a lot of things can adjust.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe-00NfX3ix4HwLUfPwyTPEPYTY1-9-Hju0BAqPjVaUh6QoIbgFnugJ9Qk_AnzA31m72hh2WsbGx_2xutTEJcnMsCcsoMTGOnhcSmv08WPhTrmuEZknugTDvuWUqOYix8cT-j-ObUweUfD/s1600/CSS+is+used.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="CSS Text Proparty" border="0" height="351" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe-00NfX3ix4HwLUfPwyTPEPYTY1-9-Hju0BAqPjVaUh6QoIbgFnugJ9Qk_AnzA31m72hh2WsbGx_2xutTEJcnMsCcsoMTGOnhcSmv08WPhTrmuEZknugTDvuWUqOYix8cT-j-ObUweUfD/s640/CSS+is+used.jpg" title="" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;"><b><br /></b></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>1. Text Color Property:</b></span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">          Web page text color that is used to determine the color property. </span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>For example,</b></span></div><div style="text-align: justify;"><span style="color: red; font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">           <html></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">              <head></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">                         <style type=”text/css”></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">                                                              h1 {color: #0seff0;}</span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">                                                              p {color:rgb(0,0,255);}</span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">                         </style></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">                                     <body></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">                                               <h1> This is heading 1</h1></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">                                               <p> This is an ordinary paragraph.</p></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;">                                    </body></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></span></div><div style="text-align: justify;"> </div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;"><span style="color: red;">           </html></span></span><span style="font-family: Vrinda; mso-bidi-language: BN-BD;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;"><span style="color: red;"><br /></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;"><b>Output:</b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <div style="text-align: justify;"><html><head><style type=”text/css”>h1 {color: #0seff0;} p {color:rgb(0,0,255);} </style><body><h1> This is heading 1</h1><p> This is an ordinary paragraph.</p></body></html></div> <span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span lang="BN-BD" style="font-family: Vrinda; mso-bidi-language: BN-BD;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span lang="BN-BD"><span style="font-family: Vrinda;"><br /></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span lang="BN-BD"><span style="font-family: Vrinda;"><b><a href="http://gulpatutorial.blogspot.in/search/label/CSS">Learn more....</a></b></span></span></div></div>

CSS Text Proparty

Several of the CSS property controls the text. As a web page or a paragraph as a heading or other text contains a lot of things. These are t...

Read More

Line-height Property

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMdei3AfpVHbgQFgXkjZop2Elg1qXEJWsjYyGhp1glbFp40MO0a1HaQIszUaYKyRCqRN4liwZdFACdP-kZYrWZt6xwAM-YXtY7N6InXhk1ikVjZRFa_jgddMFc5EVnw3MiiPbNiTxu7g-8/s1600/Line+height.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://gulpatutorial.blogspot.in/" border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMdei3AfpVHbgQFgXkjZop2Elg1qXEJWsjYyGhp1glbFp40MO0a1HaQIszUaYKyRCqRN4liwZdFACdP-kZYrWZt6xwAM-YXtY7N6InXhk1ikVjZRFa_jgddMFc5EVnw3MiiPbNiTxu7g-8/s320/Line+height.jpg" title="Line-height Property" width="320" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Arial, Helvetica, sans-serif;">The line between the two is the amount of empty space will be directed to the property.</span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><b><span style="font-family: Arial, Helvetica, sans-serif;">For example:</span></b><br /><b><br /></b><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;"><html><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;"><head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;">    <style type=”text/css”><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;">       p.small {line-height:90%}<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">       </span><span style="font-family: Courier New, Courier, monospace;">p.big {line-height:200%}<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;">    </style><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;"></head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;">  <body><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;">    <p><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">This is a paragraph with a standard line-height.<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">The default line height in most browsers is about 110% to 120%<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">This is a paragraph with a standard line-height.<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;"></p><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;"><p class=”small”><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">This is a paragraph with a smaller line-height.<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">This is a paragraph with a smaller line-height.<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">This is a paragraph with a smaller line-height.<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: 'Courier New', Courier, monospace;"><p class=”big”></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">This is a paragraph with a bigger line-height.<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">This is a paragraph with a bigger line-height.<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">This is a paragraph with a bigger line-height.<o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red;"><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;"></p><o:p></o:p></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;">  </body><o:p></o:p></span></div><br /><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;"></html></span><span style="font-family: Vrinda;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: Courier New, Courier, monospace;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Code Analysis:</b> The above example CSS <b>p.small</b> and <b>p.big</b> the time of writing we have used which many people may not understand. Here are three paragraph styles in three different parts of the body of the first of them to be <b><p class = "small"> </b>and <b><p class = "big"></b> We have identified the name of the style sheet class name calling, called <b>Class Selectors</b>.</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><u><br /></u></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><u>Line-height property management unit of measure used:</u></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"></div><ul><li><span style="font-family: Arial, Helvetica, sans-serif;">Numbers can be used directly. Font size, line height multiplied by the value that.</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Line height px, pt, cm units through to determine.</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Percentage (%) value relative to the size of the font used in the line height.</span></li></ul></div>

Line-height Property

The line between the two is the amount of empty space will be directed to the property. For example: <html> <head>     <style...

Read More

Letter spacing Property

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5f0bsnVwKqbZhjJAMqPE598uPTIG3VSaGWvEDV2LNTt6yJj5Zdd_hiDRW5fLA3u9MVeD_ROglzP1Tw5mvi_xlIQ7TKf_CBoh5Q3Yk8ZgpX1YbUWTy_0uS2qc6YjgM_I-3J5k_KGX57Vyo/s1600/Letter+spacing+Property.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img alt="http://gulpatutorial.blogspot.in/" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5f0bsnVwKqbZhjJAMqPE598uPTIG3VSaGWvEDV2LNTt6yJj5Zdd_hiDRW5fLA3u9MVeD_ROglzP1Tw5mvi_xlIQ7TKf_CBoh5Q3Yk8ZgpX1YbUWTy_0uS2qc6YjgM_I-3J5k_KGX57Vyo/s400/Letter+spacing+Property.jpg" title="Letter spacing Property" width="400" /></span></a></div><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "arial" , "helvetica" , sans-serif;">CSS letter-spacing property of the text can be increased or decreased the amount of space between characters. </span><br /><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><b><span style="font-family: "arial" , "helvetica" , sans-serif;">For example,</span></b><br /><b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b><br /><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "vrinda"; mso-bidi-font-weight: bold; mso-bidi-language: BN-BD;">       </span><span style="color: red; font-family: "courier new" , "courier" , monospace;"> <html><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">            <head></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">                <style type=”text/css”><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">                       h1 {letter-spacing:2px;}<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">                       h2 {letter-spacing:-3px;}<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">               </style><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">            </head><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">               <body><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">                           <h1> This is heading 1 </h1><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">                           <h2> This is heading 2 </h2><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: red; font-family: "courier new" , "courier" , monospace;">              </body><o:p></o:p></span></div><span style="color: red; font-family: "courier new" , "courier" , monospace;">        <span style="font-size: 11pt; line-height: 115%;"></html></span></span><br /><span style="color: red; font-family: "courier new" , "courier" , monospace;"><span style="font-size: 11pt; line-height: 115%;"><b><br /></b></span></span><br /><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "vrinda"; mso-bidi-font-weight: bold; mso-bidi-language: BN-BD;"><b>Output:</b><o:p></o:p></span> <html><head><style type="”text/css”">h1 {letter-spacing:2px;} h2 {letter-spacing:-3px;} </style></head><body><h1> This is heading 1 </h1><h2> This is heading 2 </h2></body></html> </div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "vrinda"; mso-bidi-font-weight: bold; mso-bidi-language: BN-BD;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: "vrinda"; mso-bidi-font-weight: bold; mso-bidi-language: BN-BD;"><b><br /></b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;"><span style="font-family: "vrinda";"><b>Note: </b>Notice that the text on the use of negative values on the left leg.</span></div></div>

Letter spacing Property

CSS letter-spacing property of the text can be increased or decreased the amount of space between characters.  For example,         <htm...

Read More