CSS टेक्स्ट-एलाइन प्रॉपर्टी का उपयोग करके हम किसी तत्व के टेक्स्ट को क्षैतिज रूप से सेट कर सकते हैं। हम इसे बाएँ, दाएँ, औचित्य या केंद्र पर सेट कर सकते हैं।
CSS टेक्स्ट-एलाइन प्रॉपर्टी का सिंटैक्स इस प्रकार है -
चयनकर्ता { टेक्स्ट-एलाइन:/*वैल्यू*/} निम्नलिखित उदाहरण CSS टेक्स्ट-एलाइन प्रॉपर्टी को दर्शाते हैं -
डेमो हेडिंग
| यही बात है! |
| खैर, यह एक डेमो टेक्स्ट है! |
यह निम्न आउटपुट देता है -
फ्लेक्सबॉक्स के साथ एडवांस सीएसएस लेआउट
CSS3 एक लेआउट मोड फ्लेक्सिबल बॉक्स प्रदान करता है, जिसे आमतौर पर फ्लेक्सबॉक्स कहा जाता है। फ्लेक्सबॉक्स (लचीला बॉक्स) CSS3 का एक लेआउट मोड है। इस मोड का उपयोग करके, आप जटिल एप्लिकेशन और वेब पेजों के लिए आसानी से लेआउट बना सकते हैं। इसमें कंटेनर, फ्लेक्स आइटम आदि शामिल हैं। कंटेनर में निम्नलिखित गुण
सीएसएस हाइफ़न संपत्ति के साथ पाठ में हाइफ़न जोड़ना
CSS हाइफ़न का उपयोग करना संपत्ति, हम निर्दिष्ट कर सकते हैं कि टेक्स्ट में हाइफ़न कैसे जोड़े जाते हैं। उदाहरण निम्नलिखित उदाहरण CSS हाइफ़न गुण को दर्शाते हैं। div {चौड़ाई:20%; सीमा:2px नाली चूना; मार्जिन:10px; पैडिंग:10px; हाइफ़न:कोई नहीं; -वेबकिट-हाइफ़न:कोई नहीं; -एमएस-हाइफ़न:कोई नहीं;}div:अंतिम-प्
शुद्ध सीएसएस के साथ आसान स्क्रॉलिंग
CSS स्क्रॉल-व्यवहार गुण हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देता है। उदाहरण निम्नलिखित उदाहरण CSS स्क्रॉल-व्यवहार गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> html { line-height: 200px; margin: 30px; text-align: cent