CSS Background Property In Hindi- CSS Backgrounds In Hindi

CSS Background Property In Hindi- CSS Backgrounds In Hindi

CSS

CSS Backgrounds In Hindi:- Aaj Ham Is Post Mai CSS Backgrounds in Hindi Ko Learn Karne Wale Hai Or CSS Background Kiya Hai And Types Of Css Background In Hindi |

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 Backgrounds In Hindi

Website Ke Categories Ke Anushar Uska Background Bhi Change Karna Jaruri Hota Hai | Aapne Jyadatar Dekha Hoga Ki Koi Websites Ka Backgrounds, alag-alag Colors Mai Hota Hai Ya Kuch Websites Ke Backgrounds Par Images Hote hai |

Waise HTML ka default Background Color Ye White Yani Safed Hote Hai, Lekin Agar Aap Website Ka Background Color Ko Change Kar Chahte Hai To Kar Sakte Hai |

CSS background property In Hindi

Background Related CSS Properties In Hindi

  • background
  • background-color
  • background-image
  • background-attachment
  • background-repeat
  • background-position

(All in One) Syntax :

background : color_name;
background : url("image_path");
background : url("image_path") background_repeat;
background : url("image_path") background_repeat/position/attachment;

Background in CSS In Hindi

Background Ka Istemal Keval Background Color Dene Ke Liye Kiya Jata Hai Iska Example Aap Niche Diye Gaye Program Ko Dekh Sakte Hai |

<style>
	p{
      background :red;
  	}
</style>

<!-- HTML -->
<p> This Is A Paragraph </p>

Aap Upper Diye Gaye Program Ko Dekh Sakte Hai Or Maine Ek Paragraph Liya Hai Us Paragraph Ko Css Background Ki Help Se Red Color Diya Hai | Aap Is Program Ko Run Karke Bhi Dekh Sakte Hai |

CSS background-color In Hindi

Kisi Bhi Element Ke Background Mai Color Dalne Ke Liye Hame background-color Property In Hindi Ka Istemal Karna Hota Hai | Aap Niche Example Mai Ise Acche Se Understand Kar Sakte Hai |

<style>
	p{
      background-color :green;
  	}
</style>

<!-- HTML -->
<p> This Is A Paragraph </p>

Aap Upper Diye Gaye Program Ko Dekh Sakte Hai Or Maine Ek Paragraph Liya Hai Us Paragraph Ko Css Background-color Ki Help Se Green Color Diya Hai | Aap Is Program Ko Run Karke Bhi Dekh Sakte Hai |

CSS background-image In Hindi

HTML Mai Kisi Bhi Element Ke Back Mai Yani Piche Agar Hame Image Ko Background Ke Rup Mai Add Karna Yani Dalna Hai to Iske Liye Ham background-image property ka Istemal Karenge | Aap Niche Example Mai Ise Acche Se Understand Kar Sakte Hai |

<style>
	body{
      background-image : url('https://source.unsplash.com/user/erondu/300x200');
  	}
</style>

<!-- HTML -->
<body>
<p> This Is A Paragraph </p>
</body>

Aap Upper Diye Gaye Program Ko Dekh Sakte Hai Or Maine Body Ke Under Ek Paragraph Liya Or Fir Hamne Body Ke Liye Css Ki Help Se Background-image Add Kiya Hai | Aap Is Program Ko Run Karke Bhi Dekh Sakte Hai |

CSS background-attachment In Hindi

Ham Background-attachment Ko Istemal Karke Webpage Par background-attachment Ko fixed Ya scroll set Kiya Jata Hai | Aap Niche Example Mai Ise Acche Se Understand Kar Sakte Hai |

  1. fixed – Jab Aap Page Ko upper Ya Niche Ki Taraf Scroll Karte Hai. Tab Is Value Se Background Image Bhi Upper Niche Sarakti Hai.
  2. scroll – Or Scroll Value Se Background Image Ek Jagah Hi Rahti Hai.

Fixed Example:

<style>
	body{
      background-image : url('https://source.unsplash.com/user/erondu/300x200');
      background-attachment: fixed;
  	}
</style>

<!-- HTML -->
<body>
<p> This Is A Paragraph </p>
</body>

Aap Upper Diye Gaye Program Ko Dekh Sakte Hai Or Maine Body Ke Under Ek Paragraph Liya Or Fir Hamne Body Ke Liye Css Ki Help Se Background-image Add Kiya Hai And Background-attachment bhi fixed kiya Hai. Aap Is Program Ko Run Karke Bhi Dekh Sakte Hai |

Scroll Example:

<style>
	body{
      background-image : url('https://source.unsplash.com/user/erondu/300x200');
      background-attachment: scroll;
  	}
</style>

<!-- HTML -->
<body>
<p> This Is A Paragraph </p>
</body>

Aap Upper Diye Gaye Program Ko Dekh Sakte Hai Or Maine Body Ke Under Ek Paragraph Liya Or Fir Hamne Body Ke Liye Css Ki Help Se Background-image Add Kiya Hai And Background-attachment bhi scroll kiya Hai. Aap Is Program Ko Run Karke Bhi Dekh Sakte Hai |

CSS background-repeat In Hindi

Website Ke Background Mai Agar Ham Large Image Ka Istemal Karte Hai To Jahir si Baat hai ki Vah Load Hone Mai Time Legi Or Aapki Website Ki Loading Speed Ko Slow Kar Degi Isliye Is Problem Se Nipatne Ke Liye Chote Se Image Ko Lagaya Jata Hai Or Use Pure Body Mai Repeat Kar Ke Failla Diya Jata hai And Ham Image Ko Horizontally, Vertically Ya Fir Condition Ke Anushar Bhi Direction Mai Repeat Kar Sakte Hai |

Is Property Ke 4 values Hote Hai Jo Is Parkar Hai |

  1. repeat – Is Value Ke Duvara Aapki Background Vertically (खडी) Or Horizontally (आडी) Dono Taraf Brabar Repeat Hogi.
  2. no-repeat – Is Value Ke Duvara Background Image Kisi Bhi Taraf Repeat Nhi Hogi.
  3. repeat-x – Is Value Se Background Image Horizontally Repeat Hogi.
  4. repeat-y – Is Value Se Background Image Vertically Repeat Hogi

background-repeat Example:

Is Example Mai Background Image Bar Bar Repeat Hogi | Aap Niche Example Mai Ise Acche Se Understand Kar Sakte Hai |

<style>
	body{
      background-image : url('https://source.unsplash.com/user/erondu/300x200');
      background-repeat: repeat;
  	}
</style>

<!-- HTML -->
<body>
<p> This Is A Paragraph </p>
</body>

background-no-repeat Example:

Is Example Mai Background Image Repeat Nhi Hogi | Aap Niche Example Mai Ise Acche Se Understand Kar Sakte Hai |

<style>
	body{
      background-image : url('https://source.unsplash.com/user/erondu/300x200');
      background-repeat: no-repeat;
  	}
</style>

<!-- HTML -->
<body>
<p> This Is A Paragraph </p>
</body>

background-repeat-x Example:

Is Example Mai Background Image Horizontally Repeat Hogi |

<style>
	body{
      background-image : url('https://source.unsplash.com/user/erondu/300x200');
      background-repeat: repeat-x;
  	}
</style>

<!-- HTML -->
<body>
<p> This Is A Paragraph </p>
</body>

background-repeat-y Example:

Is Example mai Background Image Vertically Repeat Hogi |

<style>
	body{
      background-image : url('https://source.unsplash.com/user/erondu/300x200');
      background-repeat: repeat-y;
  	}
</style>

<!-- HTML -->
<body>
<p> This Is A Paragraph </p>
</body>

CSS background-position In Hindi

Is Property Ke Jariye Aap Jis Bhi Side Aap Chahe Us Side Background-image Ko Rakh Yani Side Kar Sakte Hai | For Example right,left,top,bottom |

<style>
	body{
      background-image : url('https://source.unsplash.com/user/erondu/300x200');
      background-position: left top;
  	}
</style>

<!-- HTML -->
<body>
<p> This Is A Paragraph </p>
</body>

Ab Aap Jan Hi Gaye Honge Ki CSS Background Properties in Hindi, Background Image With CSS in Hindi, CSS Background repeat Property in Hindi, Background attachment Property, CSS Background position in Hindi Ko Kaise Define Kiya Jata Hai |

Leave a Reply

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