jQueryのborder-bottom-width

Question

jQueryを使用して枠線の幅を設定しようとしているため、スクリーンサイズに調整されます。

$("#content").css("border-bottom-width", "(1/20)*theHeight", "border-right-width", "(1/10)*theWidth", "border-left-width", "(1/10)*theWidth", "border-top-width", "0"); 

しかし、これはトリックを行うようには見えません。私が今使っている何

です。私はtheHeightとtheWidthの値が満たされていることを知っているので、問題にはなりません。

私は間違っていますか？それが本当に不自由なバグなら、私は本当にそのような騒ぎであることには申し訳なく思っています。

Answer 1

は、このようにする必要があります：

$("#content").css({"border-bottom-width": (1/20)*theHeight, "border-right-width": (1/10)*theWidth, "border-left-width": (1/10)*theWidth, "border-top-width": 0}); 

問題が間違っている）（CSSを使用して、すべての最初の、あなたがしているということです。複数のcssプロパティがある場合は、objet {key：value、key：value}にする必要があります。第二に、変数と計算を引用符で囲むと、結果は単なるテキストになります。

Answer 2

あなたが引用符で、間違った形式で自分の価値観を持っているので、それは、単に引用符を削除し、あなたの引数オブ​​ジェクトを作成し、このようなものだ：

$("#content").css({"border-bottom-width": (1/20)*theHeight, 
        "border-right-width": (1/10)*theWidth, 
        "border-left-width": (1/10)*theWidth, 
        "border-top-width": 0}); 

object literalの形式は常に{ key: value, key2: value2 }です。 border-bottom-widthは有効な鍵ではないため（-のため）、安全のために鍵を引用してください。"border-bottom-width"は問題ありません。また、あなたは少しにそれを簡素化することができ、このように：

$("#content").css({"border-bottom-width": theHeight/20, 
        "border-right-width": theWidth/10, 
        "border-left-width": theWidth/10, 
        "border-top-width": 0}); 

Answer 3

"(1/20)*theHeight" 

それはこのない：

.css({"border-bottom-width": (1/20)*theHeight, 
        "border-right-width": (1/10)*theWidth, 
        "border-left-width": (1/10)*theWidth, 
        "border-top-width": 0});