You are on page 1of 8

<STYLE> H3 { font-style:italic } </STYLE> Show Me The following example shows how to use inline scripting to set

the font style to italic when an onmousedown event occurs. <DIV onmousedown="this.style.fontStyle='italic'"> ************** <STYLE> LI { font-weight:bolder } </STYLE> Show Me This example uses inline scripting to set the font weight to bolder when an onmouseover event occurs. <P STYLE="font-size:14" onmouseover="this.style.fontWeight='bolder'"> normal Default. Font is normal. bold Font is bold. bolder Font is heavier than regular bold. lighter Font is lighter than normal. 100 Font is at least as light as the 200 weight. 200 Font is at least as bold as the 100 weight and at least as light as the 300 weight. 300 Font is at least as bold as the 200 weight and at least as light as the 400 weight. 400 Font is normal. 500 Font is at least as bold as the 400 weight and at least as light as the 600 weight. 600 Font is at least as bold as the 500 weight and at least as light as the 700 weight. 700 Font is bold. 800 Font is at least as bold as the 700 weight and at least as light as the 900 weight. 900 Font is at least as bold as the 800 weight. ************************* <DIV onmouseover="this.style.font = 'italic small-caps bold 12pt serif'"> : </DIV> ************ <STYLE> BLOCKQUOTE { letter-spacing:-0.2mm } </STYLE> ************* P { line-height:8mm} BLOCKQUOTE { line-height:4mm }

textTransform='none'"> : </DIV> HTML { background-attachment : sAttachment } Scripting object. </P> **************** HTML { text-decoration : sDecoration } Scripting object.style.className='align2'"> . blink Not implemented.none Default.style. ************** <DIV STYLE="font-size:14" onmouseover="this. Default.textDecoration [ = sDecoration ] Possible Values sDecoration String that specifies or receives one of the following values.textTransform='lowercase'" onclick="this. . overline Text has a line over it.className='align1'" ondblclick="this. .*********88 <STYLE> P { text-align:center } . underline Text is underlined. Background image scroll scrolls with the object as the document is scrolled. fixed Background image stays fixed within the viewable . Text has no decoration.backgroundAttachment [ = sAttachment ] Possible Values SAttachment String that specifies or receives one of the following values.style.align1 { text-align:right } .align2 { text-align:justify } </STYLE> </HEAD> <BODY> <P onclick= "this. line-through Text has a line drawn through it.textTransform='uppercase'" onmouseout="this.style.style.

loseUrl { background-image: url(none) } </STYLE> </HEAD> <BODY> . including those specified in the Color Table. { background-color : sColor } HTML Scripting Possible Values Variant that specifies or receives one of the following values. color Any color value. Color of the next parent through which the none background is visible.jpg) } . where sUrl is an absolute url(sUrl) or relative URL.setUrl { background-image: url(sphere. <STYLE> .area of the object. Default.style.backgroundImage [ = sLocation ] Possible Values String that specifies or receives one of the following values.style. object. Color of the next parent object through which the sColor transparent background is visible.backgroundColor [ = sColor ] Background image Sets or retrieves the background image of the object. Default. sLocation Location of the background image. Syntax HTML { background-image : sLocation } Scripting object.

repeat-y Image is repeated vertically.style. repeat-x Image is repeated horizontally. Syntax HTML { background-repeat : sRepeat } Scripting object.color(v) [ = sColor ] border-bottom Attribute | borderBottom Property Sets or retrieves the properties of the bottom border of the object.backgroundRepeat [ = sRepeat ] Possible Values String that specifies or receives one of the following values. .style.<SPAN STYLE="font-size:14" onmouseover="this. repeat Default. color Attribute | color Property Sets or retrieves the color of the text of the object.className='loseUrl'"> .className='setUrl'" onmouseout="this.borderBottom [ = sBottom ] Possible Values . Syntax HTML { color : sColor } Scripting object. . Image is repeated horizontally and vertically. Syntax HTML { border-bottom : sBottom } Scripting object. sRepeat no-repeat Image is not repeated.style. </SPAN> background-repeat Attribute | backgroundRepeat Property Sets or retrieves how the backgroundImage property of the object is tiled.

jpg"></TD> </TR> </TABLE> CLEAR <HEAD> <SCRIPT> function fnClear(){ oClear. } </SCRIPT> </HEAD> <BODY> <img src="/workshop/graphics/sphere.5cm solid yellow } .clear="none".className='change'" onmouseout="this. } function fnClear2(){ oClear.5cm groove pink } </STYLE> </HEAD> <BODY> <TABLE> <TR> <TD onmouseover="this. <HEAD> <STYLE> TD { border-bottom:0.String that specifies or receives one or more of the following spacedelimited values: Any of the range of width values available to the width borderBottomWidth property.style.jpg" style="float:left"> <SPAN ID="oClear"> . Any of the range of color values available to the color borderBottomColor property.change { border-bottom:0.clear="left". sBottom Any of the range of style values available to the style borderBottomStyle property.style.className=''"><IMG src="sphere.

Syntax HTML { visibility : sVisibility } Scripting object.style.filter [ = sFilter ] Possible Values sFilter String that specifies or receives one of the following values. sVisibility visible Object is visible. Syntax HTML { filter : sFilter } Scripting object.visibility [ = sVisibility ] Possible Values String that specifies or receives one of the following values. inherit Default. Object inherits the visibility of the next parent object. hidden Object is hidden.style. .<P>This is an example of the clear attribute.<P> </span> <INPUT TYPE=button value="clear = left" onclick="fnClear()"> <INPUT TYPE=button value="clear = none" onclick="fnClear2()"> </P> </BODY> <P> visibility Attribute | visibility Property Sets or retrieves whether the content of the object is displayed. filter Attribute | filter Property Sets or retrieves the filter or collection of filters applied to the object.

<P onmouseover="this.. parameter2.innerText='And back again'">Reset</BUTTON> INNER HTML .) Filters and Transitions Reference.innerHTML = sHTML + sScript.</I>'"> <I>Mouse over this text to change it.innerText='WOW! It changed!'">Change text</BUTTON> <BUTTON onclick="oPara.') }". sScript = sScript + "function go2() { alert('Hello from inserted script..</B>'" onmouseout="this. filtertype1 (parameter1...Any filter listed in the Visual Filters and Transitions Reference.. Any filter listed in the Visual filtertype2 (parameter1.... Hide Example <HTML> <SCRIPT> function insertScript(){ var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>". sScript = sScript + "</SCRIPT" + ">".innerHTML='<B>Mouse out to change back.innerHTML='<I>Mouse over again to change. } .</I> </P> .</P> : <BUTTON onclick="oPara.. Show Me This example uses the innerHTML property to insert script into the page.) INNER TEXT <P ID=oPara>Here's the text that will change. ScriptDiv.. parameter2. var sScript="<SCRIPT DEFER>".

all("myframe").navigate(url).htm" scrolling=no></iframe> document. .</SCRIPT> <BODY onload="insertScript()."> <DIV ID="ScriptDiv"></DIV> </BODY> </HTML> IFRAME <iframe id=myframe width=460 height=400 frameborder=no src="placeholder.