Chrome 150 | Release notes | Chrome for Developers
Stable release date: June 30th, 2026 Unless otherwise noted, the following changes apply to Chrome 150 stable channel release for Android, ChromeOS, Linux, macOS, and Windows. CSS and UI AccentColor and AccentColorText system colors The AccentColor and AccentColorText system colors can be used in CSS to access the system accent color specified on the user's device. This lets developers apply nativ
Chrome 146 beta | Blog | Chrome for Developers
Published: February 11, 2026 Unless otherwise noted, these changes apply to the latest Chrome Beta channel release for Android, ChromeOS, Linux, macOS, and Windows. For more information about these features, see the provided links or the list on ChromeStatus.com. Download the latest version from Google.com for desktop or from Google Play Store on Android. CSS and UI Scroll-triggered animations Thi
CSS Wrapped 2024
Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas… 2024 has been another amazing year for CSS! Cross-document view transitions and scroll-driven animations let you add more interactivity to your applications with a few lines of CSS. You can now animate to height: auto;, style scrollbars, and size text inputs to their contents. Many features have become Ba
Chrome で text-spacing-trim プロパティがサポートされたぞ！！
Chrome の挙動を見てみる 百聞は一見に如かずと言いますので、実際の挙動を見てみます。以下の図では、text-align: justify を指定したテキストボックスに対し、上段には space-first を、下段には従来の挙動である space-all を設定しています。上段は下段に比べて、自然な組版が実現されていることが見て取れます。 文章は 京葉線 - Wikipedia を改変して使用。CC BY-SA 画像からは、以下の挙動が確認できます。 行頭の括弧（橙色） 1 行目のみアキが残り、2 行目以降は行頭のアキが詰まる（space-first であるため） 連続する約物（ピンク色、青色、緑色） 読点→句点、閉じ括弧→閉じ括弧ではアキなし、中黒→括弧、閉じ括弧→開き括弧では二分（1/2）–全角程度のアキに調整される 行末の閉じ括弧（青色） 必要に応じて行末のアキが詰まる 行末の
Scroll-Driven Animations Debugger (DevTools Extension)
I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a DevTools extension to visualize and debug Scroll-Driven Animations. ~ Table of Contents Demo Get the extension Backstory Known Issues and Limitations Future Plans Spread the word ~ # Demo To jump right in here’s a video of the extension in action, tested on scroll-driven-animations.style: The extension adds a new
Intent to Prototype: CSS Nesting
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message Contact emails: se...@chromium.org Explainer: None Specification: https://drafts.csswg.org/css-nesting Summary: Add the ability to nest CSS style rules inside other style rules, combining selectors from the outer with the inner rule for increasing modularity and m
Gimli
Instant feedback Building complex layouts takes a lot of trial and error. Gimli Tailwind lets the developer preview changes just by hovering on different values. We also let developers: Ctrl+Click to toggle values on/off Ctrl+Hold-and-drag to use inputs as sliders By focusing on instant feedback, we enable developers to Build better websites faster. Show what's relevant. We don't want to overwhelm
Auto Dark Theme | Blog | Chrome for Developers
Chrome 96 introduces an origin trial for Auto Dark Themes on Android. With this feature, the browser applies an automatically generated dark theme to light themed sites, when the user has opted into dark themes in the operating system. Users can opt-out of dark themes by either disabling the option on the OS level or in a specific setting in Chrome. Sign-up for the origin trial You can also enable
CSS Grid tooling in DevTools | Blog | Chrome for Developers
Why did we make CSS Grid Tooling? CSS Grid is a very powerful CSS layout system that allows web developers to build a complex two-dimensional layout and set out rules about how each and every child item in a grid is sized, aligned, and ordered. CSS Grid was introduced after Flexbox became popular, and together, they can help developers achieve better responsive design without complicated alignment
Intent to Ship: CSS module scripts
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message Contact emails dan...@microsoft.com, pc...@microsoft.com, tra...@microsoft.com Explainer https://github.com/w3c/webcomponents/blob/gh-pages/proposals/css-modules-v1-explainer.md Specification https://github.com/whatwg/html/pull/4898/ Design docs Explainer: https:/
CSS-in-JS support in DevTools | Blog | Chrome for Developers
This article talks about CSS-in-JS support in DevTools that landed since Chrome 85 and, in general, what we mean by CSS-in-JS and how it's different from regular CSS that has been supported by DevTools for a long time. What is CSS-in-JS? The definition of CSS-in-JS is rather vague. In a broad sense, it's an approach for managing CSS code using JavaScript. For example, it could mean that the CSS co
Custom bullets with CSS ::marker | Articles | web.dev
Use CSS ::marker to change the content and some of the styles of bullets and numbers in HTML lists. Examples of bullet styles. Introduction to pseudo-elements A pseudo-element represents a part in the document that isn't represented in the document tree. For example, you can select the first line of a paragraph using the pseudo-element p::first-line, even though there's no HTML element wrapping th
content-visibility: the new CSS property that boosts your rendering performance | Articles | web.dev
Published: August 5, 2020 The content-visibility property enables the user agent to skip an element's rendering work, including layout and painting, until it is needed. Because rendering is skipped, if a large portion of your content is off-screen, using the content-visibility property makes the initial user load much faster. It also allows for faster interactions with the on-screen content. Prett
Intent to Implement: CSS shadow parts - Google Groups
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message to blin...@chromium.org, Hayato Ito, Takayoshi Kochi, taba...@chromium.org Contact emails fer...@chromium.org, taba...@chromium.org Explainer ::part and ::theme explainer Design doc/Spec https://drafts.csswg.org/css-shadow-parts/ Spec is solid on semantics of ::pa
Intent to ship: CSS Typed OM - Google Groups
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message Contact emails sh...@chromium.org | nai...@chromium.org Explainer Coming Soon™ Relevant links Specification: https://drafts.css-houdini.org/css-typed-om-1/ Tag Review (hasn't been done yet): https://github.com/w3ctag/design-reviews/issues/223 Link to Intent to Imp
chromium/src - bbf870d971 — Implement Element.scrollIntoView for scroll-behavior: smooth.
Implement Element.scrollIntoView for scroll-behavior: smooth. Currently in Chrome, a call to Element.scrollIntoView will calculate the amount each scroller needs to scroll to align the Element as specified and instantly set the scroll position on that scroller (going from the innermost to the outermost scroller). If Element.scrollIntoView is called with scroll-behavior: smooth, instead of scrollin
Chrome Web Store
Add new features to your browser and personalize your browsing experience.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome 150 beta | Blog | Chrome for Developers
Intent to Prototype: :has() pseudo class
CSS Feature Toggles - Chrome Web Store