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

CSS से बॉक्स की ऊंचाई सेट करें


CSS height प्रॉपर्टी

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

उदाहरण

निम्न कोड चलाकर बॉक्स की ऊंचाई सेट करें:

<html>
  <head>
  </head>
  <body>
    <p style="width:200px; height:50px; border:2px solid green; padding:15px; margin:20px;">
      यह पैराग्राफ 200 पिक्सेल चौड़ा और 50 पिक्सेल ऊंचा है
    </p>
  </body>
</html>

  1. - CSS से एनिमेशन शुरू होने में देरी सेट करें

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

  1. - CSS width प्रॉपर्टी से बटन की चौड़ाई सेट करें

    CSS width प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) की निश्चित चौड़ाई सेट की जा सकती है। यह बटन के आकार को कंटेंट से स्वतंत्र बनाता है और लेआउट में स्थिरता प्रदान करता है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर width: 120px के साथ अन्य स्टाइल्स (गोल कोने, डैश्ड बॉर्डर) लागू किए गए हैं। <!DOC

  1. - CSS से इमेज पर बटन रखें - सेंटर पोज़िशनिंग

    इमेज के ठीक केंद्र में बटन रखने के लिए position: absolute के साथ transform: translate(-50%, -50%) तकनीक का उपयोग करें। यह सबसे विश्वसनीय सेंटरिंग विधि है। उदाहरण: इमेज के केंद्र में बटन <!DOCTYPE html> <html> <head> <style> .box { position: relative; width