CSS Border-Style In Hindi

CSS Border Style Property In Hindi

CSS

CSS Border Style Property In Hindi:- CSS Borders In Hindi Kiya Hai Or CSS Border-style Kyo Istemal Karte Hai And Css Border-style In Hindi Ye Sab Ham Aaj Is Post Mai Learn Karne Wale Hai Wo Bhi Step By Step Without Any Confusion |

Yadi Aapne  HTML Full Course Nhi Read Kiya Hai To Aap Vah Bhi Read Kar Sakte Hai | Kyoki Usme Milenge Aapko HTML Full Course A to Z |

CSS Border Style Property In Hindi

CSS Mai Box Model Ko Border Di Jati hai Css Mai Border Ke Liye Style, Width Or Color Bhi Diya Jata Hai. Lekin Ham Inke Bare Mai Step By Step Dekhne Wale Hai |

Types Of CSS Border Properties in Hindi

CSS Border Ko Aapni Like Ke Anushar Customize Karne Ke Liye Hame Types Of Css Border Properties Ki Jarurat Padti Hai | Css Border Ke Alag Alag Style Ke Liye Alag Alag Properties Available Hai |

  1. border-style
  2. border-width
  3. border-color
  4. border-radius
  5. border

Border-Styles Property In Hindi

Yah EK Property Hai Jiske Jariye Aap Decide Kar Sakte Ho Ki Aapko Border Ka Konsa Style Chahiye Or Aap Konsa Style, Web age Par Display Karwana Chahte Ho |Is Property Ko Define border-style Se Kiya Jata Hai |

Border Style Property Value List :

  • none – Koi Border Nhi Hota Hai.
  • solid– Ek Sidhi Line Mai Border Mai Lagti Hai.
  • double– Two Sidhi Line Mai Border.
  • dashed – Border Line – Dashed Main Badal Jati hai.
  • dotted – Border Line. FullStop Main Badal Jati hai.
  • groove – Border Line Groove Style Main Dikhai Deti Hai.
  • ridge – Border Line Ridge Style Main Dikhai Deti Hai.
  • inset – Border Inset Style Main Dikhai Deti Hai.
  • outset – Border Outset Style Main Dikhai Deti Hai.
  • mix – Border Mix Style Main Dikhai Deti Hai.

Border Style Property Example :

<!DOCTYPE html>
<html>
 <head>
   <style>
    .dashed{
    border-style: dashed;
    }
    .dotted{
    border-style: dotted;
    }
    .double{
    border-style: double;
    }
    .solid{
    border-style: solid;
    }

    .groove{
    border-style: groove;
    }

    .inset{
    border-style: inset;
    }
    .outset{
    border-style: outset;
    }
    .hidden{
    border-style: hidden;
    }
    .none{
    border-style: none;
    }
  </style>
	<title>Border Style </title>
  </head>

  <body>
  <h2 class="dashed">This is dashed value</h2>
  <h2 class="dotted">It is dotted value </h2>
  <h2 class="double">This is double value</h2>
  <h2 class="solid">This is solid value</h2>
  <h2 class="groove">It is groove value</h2>
  <h2 class="inset">This is inset value</h2>
  <h2 class="outset">This is outset value</h2>
  <h2 class="hidden">It is hidden value</h2>
  <h2 class="none">This is none value</h2>
  </body>
</html>

Jab Aap Kisi Element Ke Liye Border Declare Karte Hai To Vah Charo Tarah Yani ( Top, Right, Bottom, Left ) Se Ek Saman Rahti Hai |

Magar Aap Chahe To Border Ko Individually Bhi Set Kar Sakte Hai. Iske Liye Top Right Bottom Left Values Ka Istemal Karke |

  1. border-top-style – Isse Element Ki Top Border Ki Style Set Ki Jati Hai.
  2. border-right-style – Isse Element Ki Right Border Ki Style Set Ki Jati Hai.
  3. border-bottom-style – Isse Element Ki Bottom Border Ki Style Set Ki Jati Hai.
  4. border-left-style – Isse Element Ki Left Border की Style Set Ki Jati Hai.

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Border Style</title>
     <style>
        h4 {
        border-top-style: dotted;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: dotted;
        }
       
    </style>
<body>

    <h4>This Heading Border is Solid.</h4>
    
</body>

</html>

Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai |

Friends Mujhe Umeed Hai Ki Aapko CSS Border-style In Hindi Ke Bare Mai 100% Jankari Ho Gayi Hogi | Agar Aapko Learn Karne Main Dikkat Aa Rahi Hai To Aap Mere Se Contact Kar Sakte Hai |

Leave a Reply

Your email address will not be published. Required fields are marked *