HTML and CSS Reference
In-Depth Information
<option
<option value=
"italic"
>
italic
</option>
</option>
<option
<option value=
"oblique"
>
oblique
</option>
</option>
</select>
</select>
<br>
<br>
Text Size:
<input
<input type=
"range"
id=
"textSize"
min=
"0"
max=
"200"
step=
"1"
value=
"50"
//>
<br>
<br>
Fill Type:
<select
<select id=
"fillType"
>
<option
<option value=
"colorFill"
>
Color Fill
</option>
</option>
<option
<option value=
"linearGradient"
>
Linear Gradient
</option>
</option>
<option
<option value=
"radialGradient"
>
Radial Gradient
</option>
</option>
<option
<option value=
"pattern"
>
pattern
</option>
</option>
</select>
</select>
<br>
<br>
Text Color:
<input
<input class=
"color"
id=
"textFillColor"
value=
"FF0000"
//>
<br>
<br>
Text Color 2:
<input
<input class=
"color"
id=
"textFillColor2"
value =
"000000"
//>
<br>
<br>
Fill Or Stroke:
<select
<select id=
"fillOrStroke"
>
<option
<option value=
"fill"
>
fill
</option>
</option>
<option
<option value=
"stroke"
>
stroke
</option>
</option>
<option
<option value=
"both"
>
both
</option>
</option>
</select>
</select>
<br>
<br>
Text Baseline
<select
<select id=
"textBaseline"
>
<option
<option value=
"middle"
>
middle
</option>
</option>
<option
<option value=
"top"
>
top
</option>
</option>
<option
<option value=
"hanging"
>
hanging
</option>
</option>
<option
<option value=
"alphabetic"
>
alphabetic
</option>
</option>
<option
<option value=
"ideographic"
>
ideographic
</option>
</option>
<option
<option value=
"bottom"
>
bottom
</option>
</option>
</select>
</select>
<br>
<br>
Text Align
<select
<select id=
"textAlign"
>
<option
<option value=
"center"
>
center
</option>
</option>
<option
<option value=
"start"
>
start
</option>
</option>
<option
<option value=
"end"
>
end
</option>
</option>
<option
<option value=
"left"
>
left
</option>
</option>
<option
<option value=
"right"
>
right
</option>
</option>
</select>
<br>
</select>
<br>
Alpha:
<input
<input type=
"range"
id=
"textAlpha"
min=
"0.0"