CSS3 Paint Tool

HTML

<link rel="stylesheet" href="http://yui.yahooapis.com/3.1.1/build/cssreset/reset-min.css">
<link rel="stylesheet" href="http://yui.yahooapis.com/3.1.1/build/cssfonts/fonts-min.css">
<div id="view">
    <div id="sample"></div>
</div>
<table id="controller">
    <tr>
        <th>Background</th>
        <td>#<input type="text" size="6" id="background"></td>
    </tr>
    <tr>
        <th>Border</th>
        <td>
            <table>
                <thead>
                    <tr>
                        <th></th>
                        <th>Style</th>
                        <th>Width</th>
                        <th>Color</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>top</th>
                        <td></td>
                        <td><input type="text" size="3" class="top-width"></td>
                        <td>#<input type="text" size="6" class="top-color"></td>
                    </tr>
                    <tr>
                        <th>right</th>
                        <td></td>
                        <td><input type="text" size="3" class="right-width"></td>
                        <td>#<input type="text" size="6" class="right-color"></td>
                    </tr>
                    <tr>
                        <th>bottom</th>
                        <td></td>
                        <td><input type="text" size="3" class="bottom-width"></td>
                        <td>#<input type="text" size="6" class="bottom-color"></td>
                    </tr>
                    <tr>
                        <th>left</th>
                        <td></td>
                        <td><input type="text" size="3" class="left-width"></td>
                        <td>#<input type="text" size="6" class="left-color"></td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <th>border-radius</th>
        <td...

CSS

table {
    font-size:85%
}
th {
    background:#f6f6f6;
    border:solid 1px #ccc;
    padding:0.3em;
}
td {
    padding:0.3em;
    border:solid 1px #ccc;
}

JavaScript

var sample = $('sample');