---

layout: default

---

<h3>WidthHeight</h3>

<p>The 'width' and 'height' variables contain the width and height

of the display window as defined in the size() function.</p>

<p><a href="http://processing.org/learning/basics/widthheight.html">Original Processing.org Example: WidthHeight</a><br>

<div class="learning-demo"><script type="application/processing">

size(200, 200);

for(int i=0; i<height; i+=20) {

fill(0);

rect(0, i, width, 10);

fill(255);

rect(i, 0, 10, height);

</script><canvas width="200" height="200"></canvas></div></p>

<div style="height:0px;width:0px;overflow:hidden;"></div>

<div class="code"><pre name="code" class="processing">// All Examples Written by Casey Reas</a> and Ben Fry</a>

// unless otherwise stated.

size(200, 200);

background(127);

noStroke();

for(int i=0; i&lt;height; i+=20) {

fill(0);

rect(0, i, width, 10);

fill(255);

rect(i, 0, 10, height);

}</pre></div>