यहां कुछ ज़रूरी जानकारी दी गई है:
<details>एलिमेंट के लिए ज़्यादा सीएसएस स्टाइल.- पेज मार्जिन बॉक्स की मदद से, आसानी से प्रिंट लेआउट.
- इसके अलावा, और भी बहुत कुछ है.
मेरी पहचान मारिको कोसाका है. आइए, जानें कि Chrome 131 में डेवलपर के लिए क्या नया है.
<details> और <summary> में स्टाइल से जुड़े सुधार
अब आपके पास <details> और <summary> एलिमेंट के स्ट्रक्चर को स्टाइल करने के ज़्यादा विकल्प हैं. इससे, आपको डिसक्लोज़र या अकॉर्डियन विजेट बनाने में मदद मिलेगी.
इस रिलीज़ में किए गए बदलावों से, display प्रॉपर्टी का इस्तेमाल करने की सुविधा मिलती है. साथ ही, बड़ा और छोटा होने वाले हिस्से को स्टाइल करने के लिए, ::details-content स्यूडो-एलिमेंट जोड़ा जाता है.
पहले, details एलिमेंट के डिसप्ले टाइप को बदला नहीं जा सकता था.
अब इस पाबंदी को हटा दिया गया है. इससे आपको ग्रिड या फ़्लेक्स लेआउट जैसे विकल्पों का इस्तेमाल करने की सुविधा मिलती है.
कई details एलिमेंट से बने इस एक्सक्लूज़िव ऐकॉर्डियन के उदाहरण में, जब किसी details एलिमेंट को बड़ा किया जाता है, तो उसका कॉन्टेंट summary के बगल में दिखता है.
ऐसा करने के लिए, details एलिमेंट पर फ़्लेक्स लेआउट का इस्तेमाल करें. grid जैसी अन्य डिसप्ले वैल्यू के साथ, ज़्यादा लेआउट पैटर्न आज़माए जा सकते हैं.
ज़्यादा जानकारी के लिए, Bramus का लेख <details> को स्टाइल करने के ज़्यादा विकल्प देखें.
@page मार्जिन बॉक्स
वेब दस्तावेज़ को प्रिंट करते समय या उसे PDF के तौर पर एक्सपोर्ट करते समय, पेज मार्जिन बॉक्स के लिए सहायता जोड़ी गई है.
पेज के मार्जिन बॉक्स की मदद से, पेज के मार्जिन वाले हिस्से में कॉन्टेंट तय किया जा सकता है. इसलिए, ब्राउज़र से जनरेट किए गए हेडर और फ़ुटर का इस्तेमाल करने के बजाय, पसंद के मुताबिक हेडर और फ़ुटर दिए जा सकते हैं.
पेज के मार्जिन को सीएसएस में @page नियम का इस्तेमाल करके तय किया जाता है.
@page :right {
@bottom-left {
content: "My book";
font-size: 9pt;
color: #333;
}
}
मार्जिन बॉक्स के दिखने के तरीके और कॉन्टेंट के बारे में, एटी-नियमों में मौजूद सीएसएस प्रॉपर्टी से पता चलता है. ये नियम, जनरेट किए गए कॉन्टेंट का इस्तेमाल करके 16 मार्जिन बॉक्स दिखाते हैं.
पेज नंबर के लिए, मौजूदा पेज नंबर के लिए page और पेजों की कुल संख्या के लिए pages के साथ काउंटर भी काम करते हैं.
ज़्यादा जानकारी के लिए, रीचेल का लेख सीएसएस का इस्तेमाल करके प्रिंट करते समय, वेब पेजों के मार्जिन में कॉन्टेंट जोड़ना पढ़ें.
और भी कई सुविधाएं!
इसके अलावा, और भी बहुत कुछ है.
- 'clip-path', 'fill', 'stroke', और 'marker' के लिए, बाहरी SVG रिसॉर्स के साथ काम करने की सुविधा.
- WebHID, खास वर्कर्स कॉन्टेक्स्ट में चालू होता है.
font-variant-emojiसीएसएस प्रॉपर्टी की मदद से, इमोजी के व्यवहार को कंट्रोल करें.
इसके बारे में और पढ़ें
इसमें सिर्फ़ कुछ खास हाइलाइट शामिल हैं. Chrome 131 में किए गए अन्य बदलावों के बारे में जानने के लिए, यहां दिए गए लिंक देखें.
- Chrome 131 के लिए रिलीज़ नोट.
- Chrome DevTools (131) में नया क्या है
- Chromium सोर्स रिपॉज़िटरी में हुए बदलावों की सूची
- Chrome के रिलीज़ कैलेंडर की जानकारी
सदस्यता लें
अप-टू-डेट रहने के लिए, Chrome डेवलपर के YouTube चैनल की सदस्यता लें. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, आपको ईमेल से सूचना मिलेगी.
मेरी पहचान मारिको कोसाका है. Chrome 132 रिलीज़ होने के बाद, हम आपको बताएंगे कि Chrome में नया क्या है!