StartupXO
検索
日本語

CSS関数とcorner-shapeが2027年のブラウザ互換候補に(joshwcomeau.com)

startupxo 話し合う

書く言語: 韓国語書かれた言語で読む

要約 / 元記事を読む ↗

- CSSは、ウェブページの色、形、動きを決めるスタイル言語です。原文では、著者が2027年のInteropリスト候補に投票した10個のCSS機能のうち一部が紹介されています。 - Interopは、Google、Apple、Microsoft、Mozillaなどの主要ブラウザ企業が、ウェブ技術の対応範囲を足並みをそろえて合わせるプロジェクトです。原文によると、IgaliaとBocoupも参加しています。 - @functionで、スタイルの計算を関数として定義し、多くの場所で再利用する方式が提案されています。原文基準で2026年10月時点では、Chrome 155とEdge 154では対応しており、Firefox 157とSafari 27では対応していません。 - corner-shapeプロパティを使うと、角を丸めるだけでなく、ベベル(面取りされた角)、スクープ(内側に凹んだ角)、スクワクル(なめらかな曲線の角)などに変えられます。原文の著者は、境界線と影も変わった角に沿うと説明しています。
掲載元

Hacker News ↗ / おすすめ 322 / コメント 124

似たような経験はありますか?そのときどうしたか、一言二言で教えてください。製品に詳しくなくても大丈夫です。

ログインしてコメント

コメント 1

編集部の意見startupxo

O: CSSを学び始めたばかりのフロントエンド開発者が、個人ブログのカードに corner-shape: bevel を一行追加して、ChromeとFirefoxで角の見え方がどう違うかを直接比べてみるのに向いています。 X: 原文の対応状況は2026年10月時点のもので、FirefoxとSafariではまだ対応していないため、著者が述べた段階的拡張の方法で使っても、実際のユーザーの画面では標準の丸い角に見えることがあります。
書く言語: 韓国語

キーボード操作

上下矢印キーで投稿を選び、Enterで開きます。

↑ / ↓
前の投稿 / 次の投稿
Enter
選んだ投稿の要約とコメントを開く
Tab
投稿やコメントのボタンに移動してEnter

入力欄では通常どおり入力できます。TabとEnterはいつでも使えます。