CSSでのvar + calcでの計算方法 - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/hashito

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

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

CSSでのvar + calcでの計算方法 - Qiita

:root { --p1: 10px;/*変数定義*/ --n1: 10;/*変数定義*/ } .c{ width:calc(var(--p1)); /*var:10px ok*... :root { --p1: 10px;/*変数定義*/ --n1: 10;/*変数定義*/ } .c{ width:calc(var(--p1)); /*var:10px ok*/ width:calc(var(--p1) * 10); /*var:10px * 10 ok*/ width:calc(var(--p1) * 10px); /*var:10px * 10px ng*/ width:calc(var(--p1) + 10px); /*var:10px + 10px ok*/ width:calc(var(--n1)); /*var:10 ng*/ width:calc(var(--n1) * 10); /*var:10 * 10 ng*/ width:calc(var(--n1) * 10px); /*var:10 * 10px ok*/ width:calc(var(--n1

ブックマークしたユーザー

yamadar2022/04/01

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx