Chrome 137で追加された、CSSの新しい機能7個を紹介します。 今回のアップデートで目玉は、if else文の条件付きでCSSの値を設定できるif()関数がついに使用できるようになりました。また、CSS GridやFleboxで見た目の順序とtabキーの順序が異なるのを制御できる新しいプロパティもサポートされるなど、Web制作者は要チェックです！ ちなみに、先日紹介したCSSのカスタム変数はChrome 139（7月頃）に実装される予定です。 New in Chrome 137 Chrome 137 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに if else文の条件付きでCSSの値を設定できるif()関数 reading-flowとreading-order
11月12日、CSSワーキンググループは「CSS Values and Units Module Level 5」の更新版を公開した。このモジュールはCSSの値のタイプや関数、そして値定義の構文を規定するもので、今回は「CSS Values and Units Level 4」に基づいた差分仕様としてドラフトされている。 本更新により、以下の新しい機能や記法が追加された。 1. if() 関数 if()関数は、条件に基づいてCSSの値を切り替える新しい機能だ。特定の条件が真のときにのみ指定したスタイルが適用されるようにできるため、柔軟なデザインが可能である。 サンプルコード： .element { color: if(5 > 3, red, blue); /* 条件が真なら赤、偽なら青 */ } 解説： この例では、「5 > 3」という条件が真であるため、.elementのテキストカラーは
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. A few sirens went off a couple of weeks ago when the CSS Working Group (CSSWG) resolved to add an if() conditional to the CSS Values Module Level 5 specification. It was Lea Verou’s X post that same day that caught my attention: A historical day for CSS 😀🎉 If you write any components used and/or
7月10日、CSS Tricksが「If CSS Gets Inline Conditionals」と題した記事を公開した。この記事では、CSSの条件付きスタイル適用に関する新しい提案について詳しく紹介されている。 if() ー CSSにインライン条件式が導入される 6月13日、CSSワーキンググループ（CSSWG）がCSS Values Module Level 5仕様にif()条件を追加することを決定した。このニュースは、同日Lea Verouの投稿によって注目を集めた。 A historical day for CSS 😀🎉 If you write any components used and/or styled by others, you know how huge this is! background: if(style(--variant: success), va
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
