2026年04月13日(月)
これは便利！ ボーダーをあらゆる形状にできるborder-shapeプロパティをサポート、Chrome 147で新しく追加された4個のCSSの機能
4/7にアップデートされたChrome 147に追加された、CSSとUIに関する新しい機能を紹介します。
今回のアップデートで注目すべきは、要素のボーダーをあらゆる形状にできるborder-shapeプロパティ、ライトモードとダークモードの両方で読みやすいテキストカラーを設定できるcontrast-color()関数など、Web制作者は要チェックです！
下記はborder-shapeで実装されており、各要素はそれぞれ独立した形になっています。昔は横V字型の画像を使用していたのが懐かしい、、、
New in Chrome 147
Chrome 147 be...
0
0
22
0author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV
Plasmo Framework + Next.jsで構築されたAIエージェントによるオープンソースのブラウザ自動化エクステンション・「Zap」
NEXT ›
Youtubeにログインせずに視聴履歴を記録、他デバイスとの同期も可能なオープンソースのブラウザ拡張・「Don’t Let YouTube Track You」
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『これは便利！ ボーダーをあらゆる形状にできるborder-shapeプロパティをサポート、Chrome 147で新しく追加された4個のCSSの機能』についてまとめています。
この記事は特にアニメーション・Android・SVG・SEO・UX・Chrome・Mac・Firefox・LINE・Windowsについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
