جدید در کروم ۱۵۰

راشل اندرو

منتشر شده: ۳۰ ژوئن ۲۰۲۶

کروم ۱۵۰ اکنون در حال انتشار است و این پست برخی از ویژگی‌های کلیدی این نسخه را به اشتراک می‌گذارد. یادداشت‌های کامل انتشار کروم ۱۵۰ را بخوانید.

نکات برجسته این نسخه:

  • text-fit در CSS اندازه فونت را متناسب با کادرهای حاوی متن تغییر می‌دهد.
  • فوکوس‌گروپ (Focusgroup) امکان پیمایش با کلیدهای جهت‌نما (arrow keys) را برای اجزای وب فراهم می‌کند.
  • CSS background-clip: border-area به شما امکان می‌دهد حاشیه‌های گرادیان را به صورت بومی ایجاد کنید.

ویژگی text-fit در CSS

ویژگی text-fit اندازه فونت گره‌های متنی را طوری تغییر می‌دهد که کاملاً با عرض کادر حاوی آن متناسب شود.

این ویژگی به شما امکان می‌دهد مطمئن شوید که تیترها یا محتوای پویا، فضای افقی موجود را بدون محاسبات دستی اندازه فونت یا راه‌حل‌های پیچیده جاوا اسکریپت پر می‌کنند. این یک راه‌حل قوی و مبتنی بر CSS برای تایپوگرافی واکنش‌گرا ارائه می‌دهد که ترازبندی بصری را در اندازه‌های مختلف صفحه نمایش حفظ می‌کند.

گروه کانونی

ویژگی focusgroup به شما امکان می‌دهد به طور اعلانی به ویجت‌های ترکیبی، ناوبری با کلید جهت‌نما، توقف تب تضمین‌شده و حافظه آخرین تمرکز را بدهید و جایگزین اسکریپت‌های فهرست‌بندی تبِ roving که به صورت دستی کدگذاری شده‌اند، شوید.

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

background-clip: border-area

مقدار border-area را برای ویژگی background-clip در CSS پیاده‌سازی می‌کند. background-clip: border-area پس‌زمینه یک عنصر را به ناحیه‌ای که توسط خطوط حاشیه آن رنگ‌آمیزی شده است، برش می‌دهد و border-width و border-style در نظر می‌گیرد و شفافیت border-color را نادیده می‌گیرد.

این به شما امکان می‌دهد حاشیه‌های گرادیان را مستقیماً در CSS و بدون نیاز به راه‌حل‌های جایگزین border-image ایجاد کنید.

مطالعه بیشتر

این فقط برخی از نکات برجسته کلیدی را پوشش می‌دهد. برای تغییرات بیشتر در کروم ۱۵۰، لینک‌های زیر را بررسی کنید.

اشتراک

برای به‌روز ماندن، در کانال یوتیوب توسعه‌دهندگان کروم مشترک شوید و هر زمان که ویدیوی جدیدی منتشر کنیم، یک اعلان ایمیلی دریافت خواهید کرد. یا برای مقالات و پست‌های وبلاگ جدید، ما را در X یا لینکدین دنبال کنید.

به محض انتشار کروم ۱۵۱، ما همینجا هستیم تا به شما بگوییم چه چیزهایی در کروم جدید است!