カバー画像やヘッダー画像など、特定の要素を画面全体の幅に広げたい場合があります。CSSのcalc関数を使うことで、動的な幅の調整が可能になります。今回は、その中でもmargin-leftとmargin-rightを使った方法について解説します。 calc関数は、CSSで数値計算を ...

例えばHTMLはマークアップ言語、JavaScriptはプログラミング言語、CSSはスタイルシート言語と分けられます。 スタイルシート言語は「ドキュメントの見た目やレイアウトを定義する言語」になりますが、私は、CSSはプログラミング言語なんじゃないかなと思っ ...

デベロッパーツールを開き、[要素] > [スタイル]タブでcalc()やclamp()をホバーすると、変数の定義チェーンや計算値など複雑なCSSの計算式を段階的にデバッグできます。 「段階的」というのがポイントで、最初に変数を処理して、次にvwやcqwなどの相対単位を ...