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

HTML में एलिमेंट की चौड़ाई कैसे सेट करें?

width एट्रिब्यूट का उपयोग HTML में किसी एलिमेंट की चौड़ाई सेट करने के लिए किया जाता है। यह निम्न एलिमेंट्स के साथ काम करता है: <canvas>, <embed>, <img>, <input>, <video>, <iframe>, <object>, <svg>, <table>, <td>, <th>, <col>।

उदाहरण

निम्न कोड से HTML में width एट्रिब्यूट लागू करें:

<!DOCTYPE HTML> <html> 
  <body> 
    <video width="300" height="200" controls autoplay> 
      <source src="/html5/foo.ogg" type="video/ogg" /> 
      <source src="/html5/foo.mp4" type="video/mp4" /> 
      आपका ब्राउज़र वीडियो एलिमेंट सपोर्ट नहीं करता। 
    </video> 
  </body> 
</html>

नोट: आधुनिक CSS में width प्रॉपर्टी उपयोग करना बेहतर है (रिस्पॉन्सिव डिजाइन, मीडिया क्वेरीज, यूनिट्स: px, %, em, rem, vw, vh)। एट्रिब्यूट केवल फॉलबैक/आंतरिक आकार के लिए है (जैसे कैनवास ड्रॉइंग सरफेस साइज)।

  1. HTML में टेबल की चौड़ाई कैसे सेट करें? HTML में टेबल की चौड़ाई कैसे सेट करें?

    CSS width प्रॉपर्टी उपयोग करें HTML5 में <table> का width एट्रिब्यूट डिप्रिकेटेड है। टेबल की चौड़ाई सेट करने के लिए style एट्रिब्यूट के साथ CSS प्रॉपर्टी width उपयोग करें। नोट: इंलाइन style ग्लोबल स्टाइल्स को ओवरराइड कर देता है। उदाहरण <!DOCTYPE html> <html> <head> &

  1. HTML में तत्व का मान कैसे जोड़ें? HTML में तत्व का मान कैसे जोड़ें?

    value एट्रिब्यूट value एट्रिब्यूट HTML में विभिन्न फॉर्म तत्वों का प्रारंभिक या वर्तमान मान निर्दिष्ट करता है। यह निम्नलिखित तत्वों के साथ काम करता है: <button>, <input>, <li>, <option>, <meter>, <progress>, <param>। तत्व-वार उपयोग 1. <input> तत्व &

  1. - HTML में तत्व का प्रकार कैसे सेट करें?

    type एट्रिब्यूट type एट्रिब्यूट HTML में विभिन्न तत्वों का प्रकार निर्दिष्ट करने के लिए उपयोग किया जाता है। यह सबसे अधिक <input>, <button>, <script>, <style>, <link>, <menu>, <embed>, <object>, <source>, <ol>, <ul> तत्वों के साथ उपयो