Chrome 150 में नया क्या है

Rachel Andrew

पब्लिश होने की तारीख: 30 जून, 2026

Chrome 150 को अब रोल आउट किया जा रहा है. इस पोस्ट में, इस रिलीज़ की कुछ मुख्य सुविधाओं के बारे में बताया गया है. Chrome 150 के रिलीज़ नोट पढ़ें.

इस रिलीज़ की मुख्य बातें:

  • सीएसएस की text-fit प्रॉपर्टी, फ़ॉन्ट के साइज़ को बॉक्स के हिसाब से स्केल करती है.
  • Focusgroup, वेब कॉम्पोनेंट के लिए ऐरो वाले बटन से नेविगेट करने की सुविधा देता है.
  • CSS background-clip: border-area की मदद से, नेटिव तौर पर ग्रेडिएंट बॉर्डर बनाए जा सकते हैं.

सीएसएस text-fit प्रॉपर्टी

text-fit प्रॉपर्टी, टेक्स्ट नोड के फ़ॉन्ट साइज़ को स्केल करती है, ताकि वह अपने कंटेनिंग बॉक्स की चौड़ाई में पूरी तरह से फ़िट हो सके.

इस प्रॉपर्टी की मदद से, यह पक्का किया जा सकता है कि हेडलाइन या डाइनैमिक कॉन्टेंट, उपलब्ध हॉरिज़ॉन्टल स्पेस में फ़िट हो जाए. इसके लिए, फ़ॉन्ट के साइज़ का मैन्युअल तरीके से हिसाब लगाने या JavaScript के जटिल वर्कअराउंड की ज़रूरत नहीं होती. यह रिस्पॉन्सिव टाइपोग्राफ़ी के लिए, सीएसएस का एक बेहतरीन समाधान उपलब्ध कराता है. इससे अलग-अलग स्क्रीन साइज़ पर विज़ुअल अलाइनमेंट बनाए रखने में मदद मिलती है.

Focusgroup

focusgroup एट्रिब्यूट की मदद से, कंपोज़िट विजेट को ऐरो बटन से नेविगेट करने की सुविधा दी जा सकती है. साथ ही, यह पक्का किया जा सकता है कि टैब स्टॉप काम करे और आखिरी बार फ़ोकस किए गए एलिमेंट को याद रखा जाए. इससे, हाथ से कोड की गई रोविंग टैब इंडेक्स स्क्रिप्ट को बदलने में मदद मिलती है.

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

सीएसएस background-clip: border-area

यह सीएसएस background-clip प्रॉपर्टी के लिए border-area वैल्यू लागू करता है. background-clip: border-area किसी एलिमेंट के बैकग्राउंड को, बॉर्डर स्ट्रोक से पेंट किए गए हिस्से पर क्लिप करता है. ऐसा करते समय, यह border-width और border-style को ध्यान में रखता है. साथ ही, border-color से पारदर्शिता को अनदेखा करता है.

इससे सीएसएस में सीधे तौर पर ग्रेडिएंट बॉर्डर बनाए जा सकते हैं. इसके लिए, आपको border-image वर्कअराउंड की ज़रूरत नहीं होती.

इस बारे में और पढ़ें

इसमें सिर्फ़ कुछ मुख्य हाइलाइट शामिल हैं. Chrome 150 में हुए अन्य बदलावों के बारे में जानने के लिए, यहां दिए गए लिंक पर जाएं.

सदस्यता लें

अप-टू-डेट रहने के लिए, Chrome Developers YouTube चैनल की सदस्यता लें. इससे आपको नया वीडियो लॉन्च होने पर, ईमेल से सूचना मिलेगी. इसके अलावा, नए लेख और ब्लॉग पोस्ट पाने के लिए, हमें X या LinkedIn पर फ़ॉलो करें.

Chrome 151 के रिलीज़ होते ही, हम आपको Chrome में उपलब्ध नई सुविधाओं के बारे में जानकारी देंगे!