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

सीएसएस के साथ काम करना इनलाइन-ब्लॉक प्रदर्शित करें

<घंटा/>

मूल्य इनलाइन-ब्लॉक के साथ सीएसएस डिस्प्ले प्रॉपर्टी सामग्री की चौड़ाई या प्रदान की गई चौड़ाई के अनुसार एक तत्व प्रस्तुत करती है, जो भी अधिक हो, यह तब तक लाइन ब्रेक को मजबूर नहीं करती जब तक कि मूल तत्व की चौड़ाई पूरी तरह से उपयोग न हो जाए।

सिंटैक्स

CSS डिस्प्ले इनलाइन-ब्लॉक का सिंटैक्स निम्नलिखित है -

चयनकर्ता { डिस्प्ले:इनलाइन-ब्लॉक;}

उदाहरण

आइए CSS डिस्प्ले इनलाइन-ब्लॉक का एक उदाहरण देखें -

CSS डिस्प्ले इनलाइन-ब्लॉक
CSS-Display -इनलाइन-ब्लॉक

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

सीएसएस के साथ काम करना इनलाइन-ब्लॉक प्रदर्शित करें

उदाहरण

आइए CSS डिस्प्ले इनलाइन-ब्लॉक का एक और उदाहरण देखें -

एक
दो
तीनचार
पांच<स्पैन क्लास="ग्रिड">छह

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

सीएसएस के साथ काम करना इनलाइन-ब्लॉक प्रदर्शित करें


  1. सीएसएस के साथ काम करने वाला टेक्स्ट ट्रांसफॉर्मेशन

    CSS टेक्स्ट-ट्रांसफ़ॉर्म प्रॉपर्टी हमें किसी तत्व के लिए टेक्स्ट कैपिटलाइज़ेशन सेट करने की अनुमति देती है। यह निम्नलिखित मानों को स्वीकार कर सकता है:कैपिटलाइज़, लोअरकेस, अपरकेस, पूर्ण-चौड़ाई, पूर्ण-आकार-काना और कोई नहीं। सिंटैक्स CSS टेक्स्ट-ट्रांसफॉर्म प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector

  1. सीएसएस के साथ काम करने वाली स्टाइलिंग टेबल

    हम CSS का उपयोग करके तालिकाओं के लिए शैलियों को परिभाषित कर सकते हैं। और उसके तत्वों को स्टाइल करने के लिए निम्नलिखित गुणों का उपयोग किया जाता है - सीमा CSS बॉर्डर प्रॉपर्टी का इस्तेमाल बॉर्डर-चौड़ाई, बॉर्डर-स्टाइल और बॉर्डर-कलर को परिभाषित करने के लिए किया जाता है। सीमा-पतन इस गुण का उपयोग यह

  1. कैसे सीएसएस के साथ होवर पर एक तत्व प्रदर्शित करने के लिए?

    CSS के साथ होवर पर किसी तत्व को प्रदर्शित करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body{       margin:20px;       padding:20px;       font-family: 'Segoe UI', Tahoma, Geneva,