def setup
background(220)
myDiv = createDiv('I like pandas.')
myDiv.style('font-size', '16px')
myDiv.style('color', '#ff0000')
myDiv.position(0, 0)
end
def setup
background(200)
button = createButton('button')
button.size(100, AUTO)
button.style('background-color: #2020c040')
button.position(0, 0)
end
end
def setup
@myDiv = createDiv('I like gray.')
@myDiv.position(0, 0)
end
def draw
background(200)
fontSize = min(mouseX / 2, 35)
@myDiv.style('font-size', "#{fontSize}px")
.style('font-weight: 900')
text(@myDiv.style('font-size'), 10, 80)
end
HTML要素のスタイルを設定または取得します。
| 引数名 | 内容 | 備考 | オプション | デフォルト値 |
|---|---|---|---|---|
| property | CSSプロパティ名 | 文字列 | ||
| value | 設定値 | CSSプロパティに設定する文字列 | ||
| declaration | CSSプロパティ指定 | CSSで用いられる "color: #ff0000"などの形式の文字列 (複数プロパティの設定も可) 詳細は CSS リファレンス を参照 |
r : 現在の設定値
・p5.jsでは、設定値 valueに p5.Colorオブジェクトを指定することができますが、
rbCanvas/p5では valueに指定できるのは文字列のみです。
・上記書式の２番目および３番目に記載されている構文の場合、
戻値は HTML要素自身になるのでメソッドチェーンによる記述が可能です。