(p5.Element).style

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)
  col = color(25, 23, 200, 50);
  button = createButton('button')
  button.size(100, AUTO)
  button.style('background-color', col)
  button.position(0, 0)
end

def setup
  background(200)
  @myDiv = createDiv('I like gray.')
  @myDiv.position(0, 0)
end

def draw
  fontSize = min(mouseX / 2, 35)
  @myDiv.style('font-size', "#{fontSize}px")
end

p5.jsリファレンス(参考情報)

[p5.js] (p5.Element).style

概要

要素のスタイルを設定または取得します。

書式

r = style(property)
style(property, value)

引数

引数名内容備考オプションデフォルト値
propertyCSSプロパティ名
value設定値

戻値

r : 現在の設定値

備考

・「'color: #ff0000;'」のような CSSの構文に則した単一の引数を与えることによっても
　スタイルの設定が可能です。

関連