<![CDATA[
font-family
font-size
font-weight
font-style
font-variant
text-decoration
text-align
text-transform
text-indent: ii, ii%
line-height: ii.i, iii%
letter-spacing: ii
word-spacing: ii
color: name, hex
background-color: name, hex
margin: auto, ii, %
margin-left: auto, ii, %
margin-right: auto, ii, %
margin-top: auto, ii, %
margin-bottom: auto, ii, %
padding: ii, %
padding-top: ii, %
padding-bottom: ii, %
padding-left: ii, %
padding-right: ii, %
border: width, style, color
border-top: width, style, color
border-bottom: width, style, color
border-left: width, style, color
border-right: width, style, color
<style type="text/javascript">
color = "red"
textAlign = "right"
borderWidth = 2
document.classes.blueLeft.all.color = "blue"
document.classes.blueLeft.all.textAlign = "left"
document.classes.blueLeft.H2 = "blue";
document.classes.blueLeft.H2 = "left";
//is equiv to css -> .blueLeft {color:blue;text-align: left;}
</style>
document.tags.H2.color = "blue"
document.tags.H2.textAlign = "left"
or
tags.H2.color = "blue"
tags.H2.textAlign = "left"
or
with (document.tags.H2) {
color = "blue"
textAlign = "left"
}
<STYLE TYPE='text/javascript'>
with (parent.frames.main.document.classes.items.SPAN) {
width = menuWidth;
color = fntCol;
fontSize = fntSiz;
fontWeight = fntWgh;
fontStyle = fntSty;
fontFamily = fntFam;
borderWidth = borWid;
borderColor = borCol;
borderStyle = borSty;
lineHeight = linHgt;
}
</STYLE>
function checkIfInstalled(fname,loaded){
IE4 = document.all;
NS4 = document.layers;
ver4 = (IE4 || NS4);
if(!ver4) return false;
isMac = (navigator.appVersion.indexOf("Mac") != -1);
isWin = (navigator.appVersion.indexOf("Win") != -1);
arNotNavWin = ["Webdings","Marlett"];
if(NS4 && isWin) {
for(i=0;i<arNotNavWin.length;i++) {
if (fname == arNotNavWin[i]) return false;
}
}
teststr = "font existence test"
if(IE4) {
if(!window.fntLyr0) {
lyrstr0 = "<SPAN ID=fntLyr0 STYLE='position:absolute;visibility:hidden;width:30;font:12pt Courier'>"+ teststr +"</SPAN>";
lyrstr1 = "<SPAN ID=fntLyr1 STYLE='position:absolute;visibility:hidden;width:30;font-size:12pt'>"+ teststr +"</SPAN>";
if (loaded) {
document.body.insertAdjacentHTML("BeforeEnd",lyrstr0);
document.body.insertAdjacentHTML("BeforeEnd",lyrstr1);
}
else {
document.write(lyrstr0);
document.write(lyrstr1);
}
}
fntLyr1.style.fontFamily = fname +",Courier";
width0 = (isMac) ? fntLyr0.offsetWidth : fntLyr0.scrollWidth;
width1 = (isMac) ? fntLyr1.offsetWidth : fntLyr1.scrollWidth;
}
if(NS4){
lyrstr1 = "<FONT FACE='"+ fname +",Courier' POINT-SIZE=12>"+ teststr +"</FONT>";
if(!window.fntLyr0) {
lyrstr0 = "<FONT FACE='Courier' POINT-SIZE=12>"+ teststr +"</FONT>";
if (loaded) {
fntLyr0 = new Layer(400);
fntLyr0.document.write(lyrstr0);
fntLyr0.document.close();
fntLyr1 = new Layer(400);
fntLyr1.document.write(lyrstr1);
fntLyr1.document.close();
}
else {
document.write("<LAYER VISIBILITY=HIDE>"+ lyrstr0 +"</LAYER>");
fntLyr0 = document.layers[document.layers.length-1];
document.write("<LAYER VISIBILITY=HIDE>"+ lyrstr1 +"</LAYER>");
fntLyr1 = document.layers[document.layers.length-1];
}
}
else {
if (loaded) {
fntLyr1.document.write(lyrstr1);
fntLyr1.document.close();
}
else {
document.write("<LAYER VISIBILITY=HIDE>"+ lyrstr1 +"</LAYER>");
fntLyr1 = document.layers[document.layers.length-1];
}
}
width0 = fntLyr0.clip.width;
width1 = fntLyr1.clip.width;
}
return (width0 != width1);
}
checkIfInstalled() expects two arguments:
fname:
a string font name to test
loaded:
a Boolean, or 0/1, specifying whether the page has loaded or not.
The function returns a Boolean value representing the existence of the font.
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
isDing = checkIfInstalled("Webdings",0);
if (!isDing) isDing = checkIfInstalled("Marlett",0);
str = (isDing) ? "<FONT FACE='Webdings'>4</FONT>" : "<IMG SRC='tri.gif' WIDTH=12>";
document.write(str);
//-->
</SCRIPT>
</pre>
<!-------------------------------------------------------------------------->
<!--
height: xx units img.button{height:70px} (!! ie4!!)
width: xx units img.button{width:70px} (!! ie4!!)
float: right,left,none img.button{float:left}
clear: right,left,none img.button{clear:left}
background-image: url(back.gif)
background-repeat: repeat,repeat-x,repeat-y,no-repeat
background-attachment: scroll,fixed (!! ie4 !!)
background-position: horizontal (top,center,bottom,left,right,1px,5px,%,etc...)verticle(top,center,bottom,left,right,1px,5px,%,etc...) (!! ie4 !!)
<input type="text" name="xxx" value="xxx" size="4" onblur="fontupdate()"><br>
<input type="text" name="xxx" value="xxx" size="4" onblur="fontupdate()"><br>
<td><select name="" onchange="fontupdate()">
<option>
<option>
<option>
<option>
</select></td>
// fontdiv.style.verticalalign = fontform.verticalalign.options[fontform.verticalalign.selectedIndex].text
vertical-align: img{vertical-align:middle}
<select name="verticalalign" onchange="fontupdate()">
<option>baseline
<option>sub
<option>super
<option>top
<option>text-top
<option>middle
<option>bottom
<option>text-bottom
</select>
--->
</form>
<!-------------------------------------------------------------------------->
<div id="fontdiv">
If nothing happens to this text when you make a change, it is because the property is not supported by your browser.
Both Internet Explorer and Netscape feature certain properties that the other does not support.
</div>
<hr clear="all" noshade size="1" color="#000000">
<!-------------------------------------------------------------------------->
<pre>
px - pixels, relative to the viewing device
em - the 'font-size' of the relevant font
ex - the 'x-height' of the relevant font
in - inches -- 1 inch is equal to 2.54 centimeters.
cm - centimeters
mm - millimeters
pt - points -- the points used by CSS2 are equal to 1/72th of an inch.
pc - picas -- 1 pica is equal to 12 points.
border-style :none,solid,double,groove,ridge,inset,outset
border-color :color name, hex value
</pre>
<hr clear="all" noshade size="1" color="#000000">
<!-------------------------------------------------------------------------->
<!-------------------------------------------------------------------------->
<script>footer()</script>
</body>
</html>
<!--
<hr clear="all" noshade size="1" color="#000000">
--->]]>