• ベストアンサー

CSS4の変数はJSのように複数の式(プロパティと

CSS4の変数はJSのように複数の式(プロパティと値)を入れることはできないのです消化? 一つしか入れられないのでしょうか? 複数まとめたかったのですが、utilityにするしかないでしょうか?

  • CSS
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5081/13278)
回答No.1

現時点での仕様を見る限り単純な変数であって、配列やインスタンスのようなモノは無いようですね。

okweb12345
質問者

お礼

配列がないので一つのプロパティしか入れられないのですね。 fontsize color をセットにして見出し用の変数が作れれば変数一つ指定すればいいので良いと思ったのですが、 このようなセットにしたい場合はutilityしか選択肢がないのが当分続きそうですね

okweb12345
質問者

補足

margin:var(--a),var(--b),var(--c),var(--d); のようなことはできないのでしょうか? あくまで一つの値しか代入できないのがcssの変数なのですかね?

関連するQ&A

  • jQueryでCSSのプロパティに変数を付与

    javascriptで、ブラウザの種類を判別し変数prefix にfirefoxなら-moz-、webkitなら-webkit-を格納するスクリプトを作成しました。 jquery1.7にてCSSを操作する際に $("#hoge").css({ prefix + "animation-name" : "name", prefix + "animation-duration": "5s" }); と記述した所、構文エラーになってしまいました。 jQueryでCSSの値に変数を使用することはできるようですが、プロパティに変数を使用することは出来ないのでしょうか?

  • jQueryのCSSで値に変数を使う方法

    jQueryでCSSを設定する際、 $("div").css("プロパティ","値"); とすると思いますが、この値の部分に変数を利用することはできないのでしょうか。 何がしたいかというと、for文の中で乱数を発生させ、それを値として使いたいのです。 for(i=0; i<10; i++){ var num = Math.floor(Math.random()*100); $("div:eq(i)").css("width",num); } このように書いてみましたが駄目でした。 値に変数を使う方法はありませんでしょうか。 できない場合、このような方法(CSSの値に乱数を使う)を実現できる方法はありませんでしょうか。

  • JSの変数をphpに受け渡す

    JSの変数 var w の値を、phpに、$abc = w; に受け渡し、 printf($abc); 表示する方法について、 それほど、難しいことではないかと思ったのですが、 解決できず、質問にいたりました。

  • JavaScriptでCSSのプロパティの取得

    JavaScriptで要素ごとでそのブラウザで使えるCSSのプロパティの取得はできるものでしょうか? そのプロパティの取り得る値も一緒に取得できると嬉しいです。 もし、できるならやり方を教えてください。

  • 外部jsファイルの変数に代入するには?

    初心者ですがjavascriptについて質問です。 なんらかの値を外部ファイル内の変数に代入させることは可能なのでしょうか? うまく説明できませんが・・・ あるjsファイル内の文字をリンク先の外部jsファイル内の変数の中に入れたいです。 <例> abc.js の中にある文字列"○○○" ↓ abc.jaから <a href="xyz.js">にリンク ↓ xyz.js の中の var xxx ="○○○" に、したいのですが・・・説明が下手ですみません。 わかる方是非教えてください。

  • CSSのwhite-spaceプロパティについて

    CSSのwhite-spaceプロパティの意味がわかりません。まず、「半角空白、改行、タブ...msmssatさん CSSのwhite-spaceプロパティの意味がわかりません。まず、「半角空白、改行、タブ」という言葉が出てきますが「タブ」とはなんなのかがわかりません。 そしてwhite-spaceプロパティには、normal,pre,nowrapと3つの値があるようですが、その違いが何なのかがわかりません。 ネット上で調べたのですが、どのような違いがあるのかがわからないのです。 CSS初心者です。 是非、お知恵を頂きたいと思っております。わかりやすくご説明をお願いします。 なお、Webクリエイター上級試験の勉強を独学でしております。 そのために、ご協力ください。 大変恐縮ですが、よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • JSのプロパティはなぜ下記のように''がいらない?

    JSのプロパティはなぜ下記のように''がいらないのでしょうか? 恐らく文字列ではないという理由なんでしょうが、文字列に初心者には見えます。 let person = { 'age': 20, }; プロパティが文字列でない理由を教えていただければ幸いです。 また、変数、オブジェクト、配列は再代入時にletを省略できますが、これは change 上書き。再代入の時はletはいらない。前に オブジェクトなどは宣言済みで、すでに存在するので、再宣言をして、再度作る必要はないという事でよろしいでしょうか。 つまり宣言をすることが作成することという事ですね。 例 let person = { age: 20, }; person.age = 16; また再宣言のlet省略と再代入が同じ見た目でこんがらがるのですが、 どのように区別できるのでしょうか? 初心者にもわかるように解説していただけるとありがたいです。

  • フォルダの変数について

    LINKやSCRIPTで .css とか .js とかのファイルを呼び出そうとしたいのですが、 そのファイルの格納フォルダを 拡張子で判断するような変数の使い方ってあるのでしょうか?  たとえば  print "<LINK rel="stylesheet" href="select_file/base.css" type="text/css" media="all">\n"; の 様に記述し  変数select_file には 'css'や'js'のフォルダ名が格納されていて 実行すれば <LINK rel="stylesheet" href="../css/base.css" type="text/css" media="all"> の様になる。 こんな便利な方法はあるのでしょうか? よろしくご教授下さい。

    • 締切済み
    • CGI
  • HTML5とCSSとJSの勉強順

    Javaを始めて3週間ほどのプログラミング初心者です。 今までJavaをやってきたのですが訳あってHTML5とCSSとJSでAndroidアプリを開発する事になりました。 HTML5とCSSとJSのどれから始めるのが良いでしょうか? (今までやったことはありません) お勧めの入門書などあれば書いてもらえるとありがたいです。 よろしくお願いします。

  • CSSのfontプロパティについて

    CSSのfontプロパティについて fontプロパティでシステムフォントを設定できます。 例えば p {font:iocn} とかです。   ほとんどのところは次の6つが解説してあるようでした。 http://w3g.jp/css/font/font しかし、画面のプロパティを見ているとヒントとかも フォントを設定できるようでした。 ということは p{font:hint}とかもできたりしますか? 上記6つ以外で使えるという意見があれば教えて下さい。

    • ベストアンサー
    • HTML

専門家に質問してみよう