If one wants to approximate the WIDTH attribute with adjacent
font sizes, the following examples show results with how Microsoft Explorer
scales the <LISTING> tag. Using it with its Font set to
Medium and Zoom set to 100% (no "zooming" in or out) the nominal font-size
seems to be 80%. Scaled to that number, the next smaller font size is at
62%, the next larger at 100%, and one after that at 115%. Some of these
ratios get discombobulated when one sets the browser's Zoom or Font Size
settings or uses another browser.
(This is the raw default size of <PRE>)
_-_
[o,o]
\-/
(This uses <PRE STYLE="font-size: 62%">)
_-_
[o,o]
\-/
(This uses <PRE STYLE="font-size: 100%">)
_-_
[o,o]
\-/
(This uses <PRE STYLE="font-size: 115%">)
_-_
[o,o]
\-/
Of course, to better approximate the size ratios originally intended for
the WIDTH attribute (again assuming Microsoft Explorer set to
Zoom 100% and Font Size Medium), the more accurate figures seem to be 50%
for WIDTH="132", 96% for WIDTH="66",
and 160% for WIDTH="40". One can compare the sizes
using these scales to try to match in length, thus:
<PRE> raw, unscaled 12345678901234567890123456789012345678901234567890123456789012345678901234567890
<PRE WIDTH="80"> (uses 80%) 12345678901234567890123456789012345678901234567890123456789012345678901234567890
<PRE WIDTH="132"> (uses 50%) 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012
<PRE WIDTH="66"> (uses 96%) 123456789012345678901234567890123456789012345678901234567890123456
<PRE WIDTH="40"> (uses 160%) 1234567890123456789012345678901234567890
On Firefox however, size seems more logically scaled to 100% being the normal size and relative sizes to be scaled from that:
<PRE> raw, unscaled 12345678901234567890123456789012345678901234567890123456789012345678901234567890
<PRE WIDTH="80"> (uses 100%) 12345678901234567890123456789012345678901234567890123456789012345678901234567890
<PRE WIDTH="132"> (uses 60%) 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012
<PRE WIDTH="66"> (uses 133%) 123456789012345678901234567890123456789012345678901234567890123456
<PRE WIDTH="40"> (uses 200%) 1234567890123456789012345678901234567890
And on Opera, size seems more roughly scaled to 90% being the normal size and relative sizes to be scaled from that:
<PRE> raw, unscaled 12345678901234567890123456789012345678901234567890123456789012345678901234567890
<PRE WIDTH="80"> (uses 90%) 12345678901234567890123456789012345678901234567890123456789012345678901234567890
<PRE WIDTH="132"> (uses 50%) 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012
<PRE WIDTH="66"> (uses 100%) 123456789012345678901234567890123456789012345678901234567890123456
<PRE WIDTH="40"> (uses 180%) 1234567890123456789012345678901234567890
Of course, while the values are not continuous, there does seem to be
quite a possible range of sizes, far above and beyond the original 7 font
sizes known to the <FONT> and <BASEFONT>
elements. For example, the following uses a font size of 600%:
_-_
[o,o]
\-/
See here if your browser has implemented the width property in stylesheets
for the <PRE> element:
(This uses <PRE STYLE="width: 62%">)
_-_
[o,o]
\-/
Next Level Up