Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS के साथ एक बॉक्स की ऊंचाई निर्धारित करें


ऊंचाई संपत्ति का उपयोग बॉक्स की ऊंचाई निर्धारित करने के लिए किया जाता है। वे लंबाई, प्रतिशत या कीवर्ड ऑटो के मान ले सकते हैं। ऊंचाई निर्धारित करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<html>
   <head>
   </head>
   <body>
      <p style = "width:200px; height:50px; border:2px solid green; padding:15px; margin:20px;">
         This paragraph is 200pixels wide and 50 pixels high
      </p>
   </body>
</html>

  1. CSS के साथ एनिमेशन की शुरुआत के लिए विलंब सेट करें

    एनीमेशन-देरी . का उपयोग करें संपत्ति सीएसएस के साथ एक एनीमेशन की शुरुआत के लिए देरी सेट करने के लिए: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;

  1. CSS के साथ एक बटन की चौड़ाई सेट करें

    बटन की चौड़ाई सेट करने के लिए, CSS चौड़ाई गुण का उपयोग करें। उदाहरण आप बटन की चौड़ाई निर्धारित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; चौड़ाई:120 पीएक्स; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला;

  1. सीएसएस के साथ छवि पर बटन सेट करें

    आप छवि पर बटन सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;       &nbs