सीएसएस और यूज़र इंटरफ़ेस (यूआई)
बेहतर और दिलचस्प यूज़र इंटरफ़ेस बनाने के लिए, ब्राउज़र के नए एपीआई, टूल, और तकनीकें जानें.
सीएसएस और यूज़र इंटरफ़ेस से जुड़ी नई जानकारी
नया दस्तावेज़
ऐंकर की पोज़िशनिंग
ऐंकर पोज़िशनिंग एपीआई का इस्तेमाल करके, एलिमेंट को एक-दूसरे के हिसाब से पोज़िशन करें.
height: auto;
(और आकार बदलने वाले अन्य कीवर्ड) पर ऐनिमेट करें
interpolate-size
और calc-size()
की मदद से, इनट्रिन्सिक साइज़िंग कीवर्ड पर स्विच करना
स्क्रोलबार स्टाइलिंग
स्क्रोलबार को स्टाइल देने के लिए,
scrollbar-width
और scrollbar-color
प्रॉपर्टी का इस्तेमाल करें.
सीएसएस टेक्स्ट-रैप बैलेंस
सीएसएस में, संतुलित टेक्स्ट ब्लॉक के लिए लाइन ब्रेक लिखने की एक क्लासिक टाइपोग्राफ़ी तकनीक का इस्तेमाल किया जाता है.
हाई-डेफ़िनिशन सीएसएस कलर गाइड
CSS Color 4 वेब पर कई तरह के गैमट कलर टूल और सुविधाओं के साथ काम करता है: ज़्यादा कलर, बदलाव करने वाले फ़ंक्शन, और बेहतर ग्रेडिएंट.
सीएसएस टाइप किया गया ऑब्जेक्ट मॉडल
सीएसएस टाइप किया गया ऑब्जेक्ट मॉडल (टाइप किया गया OM) सीएसएस वैल्यू के साथ काम करने के लिए टाइप, तरीके, और सुविधाजनक ऑब्जेक्ट मॉडल को उपलब्ध कराता है.
स्टाइल क्वेरी का इस्तेमाल शुरू करना
@कंटेनर नियम का इस्तेमाल करके, पैरंट एलिमेंट के स्टाइल वैल्यू के लिए क्वेरी करें.
सीएसएस नेस्टिंग
हमारी पसंदीदा सीएसएस प्रीप्रोसेसर सुविधाओं में से एक अब भाषा में बनाई गई है: नेस्टिंग स्टाइल रूल.
सीएसएस @scope
ऐसे स्कोप वाली स्टाइल बनाने का तरीका जानें जो सिर्फ़ आपके डीओएम के सबट्री में एलिमेंट चुनते हैं.
सीएसएस कलर-मिक्स()
इस्तेमाल किए जा सकने वाले किसी भी कलर स्पेस में, सीधे अपने सीएसएस से मिक्स कलर करें.
nth-child() चुनने पर ज़्यादा कंट्रोल
किसी चाइल्ड एलिमेंट पर An+B लॉजिक लागू करने से पहले, उसके सेट को पहले से फ़िल्टर करें.
एक्सलूसिव अकॉर्डियन
एक जैसे
name
वाले कई <details>
एलिमेंट के साथ कोई खास अकॉर्डियन बनाएं.
पेश है Inert
इनर्ट प्रॉपर्टी, एक ग्लोबल एचटीएमएल एट्रिब्यूट है. यह किसी एलिमेंट के लिए उपयोगकर्ता के इनपुट इवेंट को हटाने और वापस लाने का तरीका आसान बनाता है. इसमें सहायक टेक्नोलॉजी के इवेंट और फ़ोकस इवेंट शामिल हैं.
सीएसएस टेक्स्ट-रैप प्रिटी
तेज़ी से खूबसूरती बढ़ाने के लिए, ऑप्टिमाइज़ किए गए टेक्स्ट रैपिंग के लिए ऑप्ट-इन करें.
DevTools में सीएसएस ग्रिड
हमने DevTools में सीएसएस ग्रिड टूल की सुविधा को कैसे डिज़ाइन और लागू किया है.
DevTools में CSS-in-JS की सहायता
हम DevTools में CSS-in-JS के साथ कैसे काम करते हैं और यह सामान्य सीएसएस से किस तरह अलग है.