class="post-template-default single single-post postid-474 single-format-standard wp-custom-logo wp-embed-responsive right-sidebar nav-float-right separate-containers header-aligned-left dropdown-hover featured-image-active" itemtype="https://schema.org/Blog" itemscope>

CSS font-style In Hindi in detail

font-style property का use किसी भी text के font style को change करने के लिए किया जाता है। इस property के साथ कुछ value का use कर रहे होते है जो इस प्रकार है :

  • normal
  • italic
  • oblique

Syntax

element{
               font-style : normal ;
}

Example

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS font style example</title>
  </head>
   <body>
     <p style="font-style:normal;">This is <b>normal</b> font style example</p>
     <p style="font-style:oblique;">This is <b>oblique</b> font style example</p>
     <p style="font-style:italic;">This is <b>italic</b> font style example</p>
   </body>
</html>
HTML
CSS font style example

This is normal font style example



This is oblique font style example



This is italic font style example

CSS font-weight in Hindi

इस property का use किसी भी text को thickness देने के लिए use किया जाता है। इसके साथ कुछ values का use किया जाता है जो इस प्रकार है :

  • lighter
  • bold
  • normal

Syntax

element{
  font-weight : bold;
}

Example

<!DOCTYPE html>   
<html>   
   <head>   
      <title> font-weight property </title>      
    </head>   	
   <body style="font-family: sans-serif;">   
	<p style="font-weight: normal;">normal property value</p>   
	<p style="font-weight: lighter;">lighter property value</p>    
	<p style="font-weight: bold;">bold property value</p>  
   </body>   
</html>
HTML
font-weight property

normal property value



lighter property value



bold property value

Leave a comment