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

CSS3 मल्टी-कॉलम प्रॉपर्टी


CSS3 मल्टी कॉलम्स को सपोर्ट करता है ताकि टेक्स्ट को अखबार की संरचना के रूप में व्यवस्थित किया जा सके। सबसे अधिक उपयोग की जाने वाली मल्टी कॉलम प्रॉपर्टीज नीचे दिखाई गई हैं:

मान विवरण
column-count
उन कॉलम्स की संख्या गिनने के लिए उपयोग किया जाता है जिनमें एलिमेंट विभाजित होना चाहिए
column-fill कॉलम्स को कैसे भरना है यह तय करने के लिए उपयोग किया जाता है
column-gap कॉलम्स के बीच गैप तय करने के लिए उपयोग किया जाता है
column-rule नियमों की संख्या निर्दिष्ट करने के लिए उपयोग किया जाता है
rule-color कॉलम नियम रंग निर्दिष्ट करने के लिए उपयोग किया जाता है
rule-style कॉलम के लिए स्टाइल नियम निर्दिष्ट करने के लिए उपयोग किया जाता है
rule-width चौड़ाई निर्दिष्ट करने के लिए उपयोग किया जाता है
column-span कॉलम्स के बीच स्पैन निर्दिष्ट करने के लिए उपयोग किया जाता है



  1. CSS3 2D ट्रांसफॉर्म फंक्शन्स के साथ काम करना CSS3 2D ट्रांसफॉर्म फंक्शन्स के साथ काम करना

    2D ट्रांसफॉर्म्स का उपयोग एलिमेंट स्ट्रक्चर को ट्रांसलेट, रोटेट, स्केल और स्क्यू करने के लिए किया जाता है।निम्न कुछ 2D ट्रांसफॉर्म फंक्शन्स हैं -क्र.सं.मान और विवरण1matrix(n,n,n,n,n,n)छह मानों के साथ मैट्रिक्स ट्रांसफॉर्म्स परिभाषित करता है2translate(x,y)x-axis और y-axis के साथ एलिमेंट को ट्रांसफॉर्

  1. CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी

    ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी हमें transition-property, transition-duration, transition-timing function और transition-delay को एक लाइन में transition प्रॉपर्टी के मान के रूप में निर्दिष्ट करने की अनुमति देती है।CSS में ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी का कोड निम्न है -उदाहरण<!DOCTYPE html> <

  1. CSS3 से एलिमेंट्स का 2D ट्रांसफॉर्मेशन CSS3 से एलिमेंट्स का 2D ट्रांसफॉर्मेशन

    2D ट्रांसफॉर्म्स का उपयोग एलिमेंट स्ट्रक्चर को ट्रांसलेट, रोटेट, स्केल, और स्क्यू के रूप में पुनः बदलने के लिए किया जाता है।निम्न कुछ 2D ट्रांसफॉर्म फंक्शन्स हैं -क्र.सं.मान और विवरण1matrix(n,n,n,n,n,n)छह मानों के साथ मैट्रिक्स ट्रांसफॉर्म्स परिभाषित करता है2translate(x,y)x-axis और y-axis के साथ एलि