CSSでついにif elseの条件じょうけん文ぶんが使つかえる！ if()関数かんすうの便利べんりな使つかい方かたを解説かいせつ

coliss.com

52users がブックマークコメント

リンクを埋うめ込こむ

以下いかのコードをコピーしてサイトに埋うめ込こむことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fhow-to-use-css-if-function.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://coliss.com/articles/build-websites/operation/css/how-to-use-css-if-function.html">CSSでついにif elseの条件文が使える！ if()関数の便利な使い方を解説</a><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/how-to-use-css-if-function.html">はてなブックマーク - CSSでついにif elseの条件文が使える！ if()関数の便利な使い方を解説</a></div></iframe>

プレビュー

規約きやく違反いはんを報告ほうこく

CSSでついにif elseの条件じょうけん文ぶんが使つかえる！ if()関数かんすうの便利べんりな使つかい方かたを解説かいせつ

5月にリリースされたChromeとEdgeで、CSSのif()関数かんすうがサポートされました。これによりCSSでもif elseの... 5月にリリースされたChromeとEdgeで、CSSのif()関数かんすうがサポートされました。これによりCSSでもif elseの条件じょうけん文ぶんが使つかえるようなり、プロパティに対たいして条件じょうけん付つきで値ねを設定せっていできるようになりました。新しん機能きのうなので、実際じっさいにどのように使つかえばよいのか分わからないことも多おおいと思おもいますので、if()関数かんすうの便利べんりな使つかい方かたを紹介しょうかいします。たとえば下記かきのCSSだと、ボタンの幅はばはマウスで操作そうさできるデバイス（デスクトップなど）だと30px、タッチデバイスだと44pxになります。 CSS conditionals with the new if() function 下記かきは各かくポイントを意訳いやくしたものです。 ※元もとサイト様さまのライセンスに基もとづいて翻訳ほんやくしています。基もとづいてというのは、貢献こうけん部分ぶぶんに関かんして同どうライセンスも含ふくみます。はじめに if()関数かんすうのデモ: インラインのメディアクエリ if()関数かんすうのデモ: インライン