Padding Property In Hindi

CSS Padding Property In Hindi – CSS Padding In Hindi

CSS

CSS Padding Property In Hindi CSS Padding In Hindi:- CSS Padding Waise To Margin Ki Tarah Hi Hoti Hai. Lekin Padding Border Ke Under Ko Hoti Hai Or Margin Body Ke Under Hota Hai |

For Example:

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 Padding Property In Hindi

CSS Padding Se Element Ke Content Ke Liye Top, Right, Bottom, Or Left Side Ke Liye Padding Di Jati hai | Padding Ke Liye Negative Values Yani Ki Minus( – ) Main Values Istemal Yani Valid Nhi Hoti Hai |

Padding Property Ki Value Aap Length ( Cm, pt, px Etc ), Percentage % or inherit Duvara Set Kar Sakte Hai |

Different Type of Padding Property in Hindi

  • padding-top Property
  • padding-right Property
  • padding-bottom Property
  • padding-left Property
  • padding Property

Aap Upper Dekh Sakte Hai Ki Padding Ki 4 Types Ki Property Hoti Hai. Jinke Bare Main Details Mai Niche Bataya Gaya Hai |

padding-top Property In Hindi

Padding-top Property Duvara Kisi Element Ke Liye Top Se Padding Ko Set Kiya Jata Hai | Matlab Element Content Or Border Ke Bich Mai Kitna Space Rahega |

For Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Padding</title>
     <style>

        #border{
            border:2px solid red;
        }
        h4 {

            padding-top: 10px;
   	
        }
       
    </style>
<body>

    <div id = "border"> 

        <h4>This is Padding</h4>

    </div>

</body>

</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding-top:10px; Diya Hai |

padding-right Property In Hindi

Padding-right Property Duvara Kisi Element Ke Liye Right Se Padding Ko Set Kiya Jata Hai. Matlab padding-right Dene Se Right Ki Taraf Se Content Space Main Ho Jayega |

For Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Padding</title>
     <style>

        #border{
            border:2px solid red;
        }
        h4 {
            border:2px dotted green;
            padding-right: 400px;
    
        }
       
    </style>
<body>

    <div id = "border"> 

      <h4>This is Padding  </h4>
    </div>

</body>

</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding-right:400px; Diya Hai |

padding-bottom Property In Hindi

Padding-bottom Property Duvara Kisi Element Ke Liye Bottom Yani Niche Se Padding Ko Set Kiya Jata Hai. Matlab Niche Se Element Content Or Border Ke Bich Kitna Khali Space Rahega |

For Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Padding</title>
     <style>

        #border{
            border:2px solid red;
        }
        h4 {
            border:2px dotted green;
            padding-bottom: 20px;
    
        }
       
    </style>
<body>

    <div id = "border"> 

        <h4>This is Padding Bottom</h4>

    </div>

</body>

</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding-bottom:20px; Diya Hai |

padding-left Property In Hindi

Padding-left Property Duvara Kisi Element Ke Liye Left Se Padding Ko Set Kiya Jata Hai. Matlab Left Se Element Content Or Border Ke Bich Kitna Khali Space Rahega |

For Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Padding</title>
     <style>

        #border{
            border:2px solid red;
        }
        h4 {
            border:2px dotted green;
            padding-left: 20px;
    
        }
       
    </style>
<body>

    <div id = "border"> 

        <h4>This is Padding left</h4>

    </div>

</body>

</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding-left:20px; Diya Hai |

padding property In Hindi

Padding Property Par Aap Top Right Bottom Or Left Ke Sequence Mai Paddings Ko Set Kar Sakte Hai |

Example Par padding:20px; ye top,right,bottom or left In Charo Yani ke 4 sides Ke Liye 20px Liya Gaya Hai |

For Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Padding</title>
     <style>

        #border{
            border:2px solid red;
        }
        h4 {
            border:2px dotted green;
            padding: 20px;
    
        }
       
    </style>
<body>

    <div id = "border"> 

        <h4>This is Padding </h4>

    </div>

</body>

</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding:20px; Diya Hai |

Padding Agar Ek Sath Top, Bottom, And Right Left Ke Liye Deni Hai To Uske Liye keval 2 Values, Deni Hoti Hai, |

For Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Padding</title>
     <style>

        #border{
            border:2px solid red;
        }
        h4 {
            border:2px dotted green;
            padding: 20px 10px;
    
        }
       
    </style>
<body>

    <div id = "border"> 

        <h4>This is Padding </h4>

    </div>

</body>

</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding:20px 10px; Diya Hai |

Padding Agar Alag-Alag Top, Right, Bottom, Left Ke Liye Deni Hai To Uske Liye Keval 4 Side Values, Deni Hoti Hai, |

For Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Padding</title>
     <style>

        #border{
            border:2px solid red;
        }
        h4 {
            border:2px dotted green;
            padding: 20px 10px 20px 10px;
    
        }
       
    </style>
<body>

    <div id = "border"> 

        <h4>This is Padding </h4>

    </div>

</body>

</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding:20px 10px 20px 10px ; Diya Hai |

Friends Mujhe Umeed Hai Ki Aapko CSS Padding Property 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 *