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

CSS का उपयोग करके HTML तत्व के लिए उपयोग किए जाने वाले बॉक्स के प्रकार को कैसे निर्दिष्ट करें?


डिस्प्ले का उपयोग करें HTML तत्व के लिए उपयोग किए जाने वाले बॉक्स के प्रकार को निर्दिष्ट करने के लिए संपत्ति।

उदाहरण

फ्लेक्स कंटेनर को प्रदर्शित करने के लिए डिस्प्ले प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं।

<!DOCTYPE html>
<html>
   <head>
      <style>
         .mycontainer {
            display: flex;
            height: 300px;
            background-color: orange;
         }
         .mycontainer > div {
            background-color: white;
            text-align: center;
            line-height: 90px;
            font-size: 40px;
            width: 100px;
            margin: 50px;
         }
      </style>
   </head>
   <body>
      <h1>Quiz</h1>
      <div class = "mycontainer">
         <div>Q1</div>
         <div>Q2</div>
         <div>Q3</div>
         <div style = "align-self: center">Q4</div>
         <div>Q5</div>
      </div>
   </body>
</html>

  1. सीएसएस में बाल चयनकर्ता सीएसएस में बाल चयनकर्ता

    CSS चाइल्ड सिलेक्टर का उपयोग किसी विशेष पैरेंट एलिमेंट वाले सभी चाइल्ड एलिमेंट को चुनने के लिए किया जाता है। सिंटैक्स CSS चाइल्ड सिलेक्टर का सिंटैक्स इस प्रकार है- तत्व {/*घोषणाएं*/} उदाहरण निम्नलिखित उदाहरण CSS वंशज चयनकर्ता को दर्शाते हैं - p {फ़ॉन्ट-आकार:20px; फ़ॉन्ट-शैली:इटैलिक; बॉक्स-छाया:इ

  1. CSS में बैकग्राउंड अटैचमेंट CSS में बैकग्राउंड अटैचमेंट

    सीएसएस में बैकग्राउंड-अटैचमेंट प्रॉपर्टी का उपयोग व्यूपोर्ट के संबंध में पेज को स्क्रॉल करते समय बैकग्राउंड इमेज की स्थिति को निर्दिष्ट करने के लिए किया जाता है। इसमें मान स्क्रॉल, स्थिर और स्थानीय हो सकते हैं। सिंटैक्स CSS बैकग्राउंड-अटैचमेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {  

  1. CSS के साथ मेनू आइकन कैसे बनाएं? CSS के साथ मेनू आइकन कैसे बनाएं?

    CSS के साथ एक मेनू आइकन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div {    width: 40px;    height: 7px;    backgrou