StylingWithCSS

Styling Your Run BASIC Documents with CSSID and CSSCLASS
Syntax: CSSID #tag, ruleExpr$ - Define a CSS id rule with #tag and ruleExpr$ CSSCLASS tagExpr$, ruleExpr$ - Define a CSS class rule with tagExpr$ and ruleExpr$

Note: For a video demonstrating CSS with Run BASIC see http://youtube.com/watch?v=1qomg67VdF0.

Cascading Style Sheets (CSS) is a style language that defines the layout of one or more sections of HTML documents. Background colors, font colors and types, and image layering are just some of the special effects that can be achieved using CSS and Run BASIC. The CSS layout is defined using the CSSID command. Each CSS layout is given a unique name. Run BASIC then uses the command to assign sections of the defined CSS layout. > > Using Double Quotation Marks > > Multiple Settings in One CSSID > > Using a Variable in the CSSID Statement > > Background-Color > > Background-Image > > Background-Repeat > > Background-Position > > Background-Attachment > > Compacting the Background Properties Statement > > Font-Family > > Font-Style > > Font Color > > Font-Variant > > Font-Weight > > Font-Size > > Compacting the Font Properties Statement > > Styled Sections With CSSID > > Text-Align > > Text-Decoration > > Letter-Spacing > > Text-Transform > > Compacting the Padding Properties Statement > > Border-Style > > Border-Width > > Border-Color > > Compacting the Border Properties Statement > > Individual Border Sides > >Scrollbar-Base-Color > >Scrollbar-Face-Color > >Scrollbar-Arrow-Color > >Scrollbar-Highlight-Color > >Scrollbar-3dlight-Color > >Scrollbar-Shadow-Color > >Scrollbar-Darkshadow-Color > >Scrollbar-Track-Color
 * The Structure of the CSSID Statement
 * Defining the Dimensions of the CSSID Section
 * Styled Backgrounds With CSSID
 * Styled Fonts With CSSID
 * Styled Text With CSSID
 * Padding With CSSID
 * Styled Borders With CSSID
 * Styled Scrollbars with CSSID


 * Adding style and color to Checkboxes and Radiobuttons
 * Textarea, Textbox and Password box resize and styling
 * Listbox resize and styling
 * Input control resize and styling
 * Removing browser default margins
 * External stylesheets

For more special effects using CSSID, see these Run BASIC Wikispaces articles
 * Changing the Mouse Cursor With CSSID
 * Styling Opaque Links With CSSClass
 * Adding Scrollbars with CSS



The Structure of the CSSID Statement
code format="vbnet" CSSID #uniquename, "{property1: value1; property2: value2;}" code The properties (property1, property2) and values (value1, value2) must be valid CSS properties and values. If a property or value is not recognized by CSS an error is not thrown. Instead, that command and any following commands are simply ignored.

Properties and values are paired. Each property is separated from its corresponding value with a colon. Each property: value pairing is separated from the next property: value with a semicolon. The entire property: value set is enclosed within braces. Quotation marks are then placed around the opening { and closing } braces.  There are instances when quotation marks are required around a CSS phrase. One example is a font name with two or more words such as //Times New Roman//. When CSS requires //quotation marks//, Run BASIC requires //double quotation marks//. See Styling Fonts With CSSID for examples of using double quotation marks.
 * Double Quotation Marks**

Return to CSSID Table of Contents

 There is no limit to the amount of paired property: value sets that can be defined using CSSID. When many sets are used, it may be more 'code friendly' to keep each paired set on its own line. As long as each paired set is separated by a semi-colon, no further line continuation specification is needed.
 * Multiple Settings in One CSSID**

code format="vbnet" CSSID #Section1, "{       Width: 400px;        Height: 200px;        Background-Color: RGB(233, 150, 122);        }"

DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV PRINT "Outside the Div" END code

Return to CSSID Table of Contents

 Variables may be used in the CSSID statement. The variable must be preceded by and followed with. As an alternative, the variable may also be concatenated with and. code format="vbnet" widthValue$ = "400px;" picPath$ = "Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');" CSSID #Section1, "{   Width: ";widthValue$;"    Background-Image: " + picPath$ + "    }"
 * Using a Variable in the CSSID Statement**

DIV Section1 FOR i = 1 TO 20 PRINT "Line Number ";i NEXT i END DIV END code

Return to CSSID Table of Contents



Defining the Dimensions of the CSSID Section
To define a specific //width// and //height// of a section, use the and  commands. Note that it is the unique name only of the CSSID handle that follows. Do not include the #.

code format="vbnet" CSSID #Section1, "{Width: 600px; Height: 300px;}"

DIV Section1 PRINT "Inside the Div" END DIV PRINT "Outside the Div" END code

The width and height values must contain a //number// and the //measuring unit//. In the above example, and  are measured in //pixels//. If you prefer, the //width// and //height// could also be measured in //inches//.

code format="vbnet" CSSID #Section2, "{Width: 4in; Height: 1in;}"

DIV Section2 PRINT "Inside the Div" END DIV PRINT "Outside the Div" END code

Return to CSSID Table of Contents



Styled Backgrounds With CSSID
The backgrounds of the section can be illustrated using the  and the  properties.  Use the property to set the color. code format="vbnet" CSSID #Section1, "{Background-Color: Navy}" code The property is. The value is. code format="vbnet" CSSID #Section1, "{Background-Color: Navy}"

DIV Section1 PRINT "Inside the Div" END DIV PRINT "Outside the Div" END code There are many HTML color names (eg,, , ), but for multiple browser compatibility, it is best to stick to the sixteen standard colors. These sixteen colors are [|W3C] compliant: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. If you want to use other colors, specify the colors using or  value. The value for  is. code format="vbnet" CSSID #Section1, "{Background-Color: #E9967A}"

DIV Section1 PRINT "Inside the Div" END DIV PRINT "Outside the Div" END code The value for  is. code format="vbnet" CSSID #Section1, "{Background-Color: RGB(233, 150, 122);}"

DIV Section1 PRINT "Inside the Div" END DIV PRINT "Outside the Div" END code

The command begins the CSS layout command. ends that layout. Everything between presents itself in the style dictated by the CSSID code, unless the and/or  is set to values that will not accomodate the code. Without an assigned //height//, this code

code format="vbnet" CSSID #Section1, "{Background-Color: RGB(233, 150, 122);}"

DIV Section1 FOR i = 1 TO 20 PRINT "Inside the Div" NEXT i END DIV PRINT "Outside the Div" END code gives a predictable output. If a //width// and/or //height// has been set, be sure the dimensions are large enough to accomodate the code. Strange outputs will occur if the code output exceeds the dimensions of the CSS section.

code format="vbnet" CSSID #Section1, "{Background-Color: RGB(233, 150, 122); Height: 100px;}"

DIV Section1 FOR i = 1 TO 20 PRINT "Inside the Div" NEXT i END DIV PRINT "Outside the Div" END code

When in doubt, it may be best to not define the //height//, and just let bring the styled section to an end.

Other properties include, , , and. The styles may be assigned individually or as a combination.

Return to CSSID Table of Contents

 To set a background image, use the property. If the image is being stored online, include the URL path to that image. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    }"
 * Background-Image**

DIV Section1 FOR i = 1 TO 20 PRINT "Line Number ";i NEXT i END DIV END code

Return to CSSID Table of Contents

 Repeat is the default setting of the CSS property. The image will repeat itself to fill the entire area of the defined CSSID section. Use the property to change this. causes the image to be displayed just once. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Background-Color: #FFFFCC;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: No-Repeat;    }"
 * Background-Repeat**

DIV Section1 FOR i = 1 TO 20 PRINT "Line Number ";i NEXT i END DIV END code

It is possible to repeat the image just horizontally, using. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Background-Color: #FFFFCC;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: Repeat-X;    }"

DIV Section1 FOR i = 1 TO 20 PRINT "Line Number ";i NEXT i END DIV END code It is also possible to repeat the image just vertically, using. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Background-Color: #FFFFCC;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: Repeat-Y;    }"

DIV Section1 FOR i = 1 TO 20 PRINT "Line Number ";i NEXT i END DIV END code

Return to CSSID Table of Contents

 The position of the background image defaults to the upper left corner. This location can be changed with the background-position property. The coordinates of the position can be in any valid html measuring unit. See Defining the Dimensions of the CSSID Section for further discussion of valid units of measurement. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Background-Color: #FFFFCC;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: No-Repeat;    Background-Position: 50px 100px;    }"
 * Background-Position**

DIV Section1 FOR i = 1 TO 20 PRINT "Line Number ";i NEXT i END DIV END code A combination of and  will repeat the image across the document at a y value of 100 pixels. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Background-Color: #FFFFCC;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: Repeat-Y;    Background-Position: 100px 0px;    }"

DIV Section1 FOR i = 1 TO 20 PRINT "Line Number ";i NEXT i END DIV END code A combination of and  will repeat the image down the document at an x value of 100 pixels. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Background-Color: #FFFFCC;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: Repeat-Y;    Background-Position: 100px 0px;    }"

DIV Section1 FOR i = 1 TO 20 PRINT "Line Number ";i NEXT i END DIV END code

Return to CSSID Table of Contents

 By default, the background image scrolls with the rest of the page. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Height: 120px;    Overflow: auto;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: No-Repeat;    Background-Position: 80px 80px;    }"
 * Background-Attachment**

a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section1 PRINT a$ END DIV END code

The property will cause the image to //stick// in place. code format="vbnet" CSSID #Section1, "{   Width: 200px;    Height: 120px;    Overflow: auto;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: No-Repeat;    Background-Position: 80px 80px;    Background-Attachment: Fixed;    }"

a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section1 PRINT a$ END DIV END code

Return to CSSID Table of Contents

 CSS code allows several assignments to the background statement without declaring the specific property, so long as this standard order is kept:. The CSS statement would be This code code format="vbnet" CSSID #Section1, "{   Width: 200px;    Height: 120px;    Overflow: auto;    Background-Color: #FFFFCC;    Background-Image: Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG');    Background-Repeat: No-Repeat;    Background-Attachment: Fixed;    Background-Position: 80px 80px;    }"
 * Compacting the Background Properties Statement**

a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section1 PRINT a$ END DIV END code could be written using the one background properties statement as code format="vbnet" CSSID #Section1, "{   Width: 200px;    Height: 120px;    Overflow: auto;    Background-Color: #FFFFCC;    Background: #FFFFCC Url('http://runbasic.wikispaces.com/space/showimage/Lily4855.PNG') No-Repeat Fixed 80px 80px;    }"

a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section1 PRINT a$ END DIV END code

Return to CSSID Table of Contents



Styled Fonts with CSSID
properties include, , , , and. The styles may be assigned individually or as a combination.  The Font-Family can be assigned values of one or more indivual fonts, such as //Times New Roman//, //Arial//, or //Courier New//. Browsers can only display fonts that are installed on the viewer's computer. Given a list of fonts, the browser will search that list in order looking for a suitable font. code format="vbnet" CSSID #Section1, "{Font-Family: ""Century Gothic"", Verdana}" CSSID #Section2, "{Font-Family: Impact, ""Andele Mono""}" DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV DIV Section2 FOR i = 6 TO 10 Print "Line ";i NEXT i END Div End code In Section1, if the font //Century Gothic// isn't found, the font //Verdana// is used. Note that when the font's name is more than one word, the name must be enclosed with //double quotation marks//.
 * Font-Family**

Fonts can also be assigned according to the family. There are three common families of fonts. These families may follow the specific font names. code format="vbcode" CSSID #Section1, "{Font-Family: Georgia, ""Times New Roman"", Serif}" code translates to "Use //Georgia// if available. If //Georgia// isn't available, use //Times New Roman//. If //Times New Roman// isn't available, then use the most appropriate //Serif Font//."
 * Serif - fonts have feet. Examples: Times New Roman and Georgia
 * Sans - Serif: fonts do not have feet. Examples: Arial and Verdana
 * Monospace: fonts have a fixed width. Examples: Courier and Courier New

Return to CSSID Table of Contents

 Font styles include, , and.
 * Font-Style**

code format="vbnet" CSSID #Section1, "{Font-Style: Italic;}" CSSID #Section2, "{Font-Style: Oblique;}" CSSID #Section3, "{Font-Style: Normal;}"

DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV DIV Section2 FOR i = 6 TO 10 Print "Line ";i NEXT i END DIV DIV Section3 FOR i = 11 TO 15 Print "Line ";i NEXT i END DIV END code

Return to CSSID Table of Contents

 Font may also be defined within the CSSID statement. When assigning to text, the  command is **not** preceded by. As with the Background-Color command, can be assigned using the name, the  value or the  value. It is important to restrict the names to the standard sixteen colors recognized by all browsers: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. See Background-Color for a discussion of names and values.
 * Font Color**

code format="vbnet" CSSID #Section1, "{Color: Lime;}" CSSID #Section2, "{Color: #FF3333;}" CSSID #Section3, "{Color: RGB(255, 255, 128);}"

DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV DIV Section2 FOR i = 6 TO 10 Print "Line ";i NEXT i END DIV DIV Section3 FOR i = 11 TO 15 Print "Line ";i NEXT i END DIV END code

Return to CSSID Table of Contents

 The property allows text to be displayed as //small capitals//, where lower-case letters are displayed as shorter uppercase.
 * Font-Variant**

code format="vbnet" CSSID #Section1, "{Font-Variant: Normal;}" CSSID #Section2, "{Font-Variant: Small-Caps;}"

DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV DIV Section2 FOR i = 6 TO 10 Print "Line ";i NEXT i END DIV END code

Return to CSSID Table of Contents

 The property allows text to be displayed in bold form.
 * Font-Weight**

code format="vbnet" CSSID #Section1, "{Font-Weight: Normal;}" CSSID #Section2, "{Font-Weight: Bold;}"

DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV DIV Section2 FOR i = 6 TO 10 Print "Line ";i NEXT i END DIV END code

Return to CSSID Table of Contents

 may be set as //absolute// or //relative//. //Absolute// values are measured in //pixels// or //points//. There is no space between the value and the measuring unit. code format="vbnet" CSSID #Section1, "{Font-Size: 24px;}" CSSID #Section2, "{Font-Size: 14pt;}"
 * Font-Size**

DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV DIV Section2 FOR i = 6 TO 10 Print "Line ";i NEXT i END DIV END code Other //absolute// values includes inches, centimeters , millimeters , and picas.

//Absolute// values display exactly the same on any browser. Some users have impaired vision and may set their browser **VIEW** option to a greater size. //Relative// values adjust the size of the font to the current browser Text Size option. An of 1 displays the font 100% of the browser assigned size. An of 1.5 displays the font 150% of the browser assigned size. code format="vbnet" CSSID #Section1, "{Font-Size: 1em;}" CSSID #Section2, "{Font-Size: 2em;}" CSSID #Section3, "{Font-Size: 150%;}"

DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV DIV Section2 FOR i = 6 TO 10 Print "Line ";i NEXT i END DIV DIV Section3 FOR i = 11 TO 15 Print "Line ";i NEXT i END DIV END code As with and, be sure **no space** exists between the numerical value and the measuring unit.

Return to CSSID Table of Contents

 CSS code allows several assignments to the statement without declaring the specific property, so long as this standard order is kept:, , ,. The CSS statement would be This code code format="vbnet" CSSID #Section1, "{           Font-Style: Italic;            Font-Weight: Bold;            Font-Size: 150%;            Font-Family: ""Courier New"", Monospace;            }" DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV END code could be written using the one font properties statement as code format="vbnet" CSSID #Section1, "{Font: Italic Bold 150% ""Courier New"", Monospace}" DIV Section1 FOR i = 1 TO 5 Print "Line ";i NEXT i END DIV END code Remember to keep the double quotes around fonts with names of more than one word.
 * Compacting the Font Properties Statement**

Return to CSSID Table of Contents

 Using the and  properties, your Run BASIC document can be styled to fit your needs. code format="vbnet" CSSID #DocHeading, "{           Width: 400px;            Height: 80px;            Background-Color: #FFFF66;            Color: #0000EE;            Font-Family: ""Times New Roman"", Serif;            Font-Weight: Bold;            Font-Size: 125%;            Font-Variant: Small-Caps;            }" CSSID #DocBody, "{           Width: 400px;            Height: 300px;            Background-Color: #9999FF;            Color: #9900FF;            Font-Family: ""Courier New"", Monospace;            Font-Style: Italic;            Font-Size: 100%;            }" a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV DocHeading PRINT PRINT "Preamble" PRINT END DIV DIV DocBody PRINT: PRINT PRINT a$   PRINT END DIV END code
 * Styled Sections With CSSID**

Return to CSSID Table of Contents



Styled Text With CSSID
Formatting text within a defined CSSID section is easy with text styling.

Return to CSSID Table of Contents

 can be //left-aligned//, //right-aligned//, //centered//, or //justified//. Because the browser can be scrolled, formatting is best displayed when a width is set. code format="vbnet" CSSID #Section0, "{           Background-Color: Maroon;            Text-Align: Center;            }" CSSID #Section1, "{           Width: 400px;            Background-Color: Lime;            Text-Align: Left;            }" CSSID #Section2, "{           Width: 400px;            Background-Color: Silver;            Text-Align: Right;            }" CSSID #Section3, "{           Width: 400px;            Background-Color: Yellow;            Text-Align: Center;            }" CSSID #Section4, "{           Width: 400px;            Background-Color: Fuchsia;            Text-Align: Justify;            }" a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section0 PRINT: PRINT PRINT a$   PRINT END DIV DIV Section1 PRINT: PRINT PRINT a$   PRINT END DIV DIV Section2 PRINT: PRINT PRINT a$   PRINT END DIV DIV Section3 PRINT: PRINT PRINT a$   PRINT END DIV DIV Section4 PRINT: PRINT PRINT a$   PRINT END DIV END code
 * Text-Align**

Return to CSSID Table of Contents

 The text decorations include:, , and. code format="vbnet" CSSID #Section1, "{           Width: 400px;            Background-Color: Lime;            Text-Decoration: Underline;            }" CSSID #Section2, "{           Width: 400px;            Background-Color: Silver;            Text-Decoration: Overline;            }" CSSID #Section3, "{           Width: 400px;            Background-Color: Yellow;            Text-Decoration: Line-Through;            }"
 * Text-Decoration**

a$ = "Do you want to know a secret?" CLS PRINT: PRINT PRINT a$ PRINT DIV Section1 PRINT: PRINT PRINT a$   PRINT END DIV DIV Section2 PRINT: PRINT PRINT a$   PRINT END DIV DIV Section3 PRINT: PRINT PRINT a$   PRINT END DIV

END code

Return to CSSID Table of Contents

 The property allows the spacing to be changed between text characters. This can be useful for headlines. code format="vbnet" CSSID #Headline1, "{           Background-Color: Teal;            Width: 600px;            Font-Family: Verdana; Sans-Serif;            Font-Size: 120%;            }" CSSID #Headline2, "{           Background-Color: Silver;            Width: 600px;            Font-Family: Verdana; Sans-Serif;            Font-Size: 120%;            Letter-Spacing: 7px;            }"
 * Letter-Spacing**

a$ = "Styling Run BASIC Documents With CSSID" CLS DIV Headline1 PRINT: PRINT PRINT a$   PRINT END DIV DIV Headline2 PRINT: PRINT PRINT a$   PRINT END DIV END code

Return to CSSID Table of Contents

 The property displays the assigning //case// of the text, regardless of the original case. The choices are: (first letter of all words are capitalized),  (all letters of all words are displayed in uppercase), and  (all letters of all words are displayed in lowercase). code format="vbnet" CSSID #Section1, "{           Text-Transform: Capitalize;            }" CSSID #Section2, "{           Text-Transform: Uppercase;            }" CSSID #Section3, "{           Text-Transform: Lowercase;            }"
 * Text-Transform**

a$ = "Do you want to know a secret?" CLS PRINT: PRINT PRINT a$   PRINT DIV Section1 PRINT: PRINT PRINT a$   PRINT END DIV DIV Headline2 PRINT: PRINT PRINT a$   PRINT END DIV DIV Headline3 PRINT: PRINT PRINT a$   PRINT END DIV END code

Return to CSSID Table of Contents



Padding With CSSID
sets the filling inside a. Use to set the //inside margins//. The four //inside margins// are the //top inside margin//, //right inside margin//, //bottom inside margin//, and //left inside margin//. code format="vbnet" CSSID #Section1, "{           Background-Color: Lime;            Width: 450px;            Font-Weight: Bold;            Text-Decoration: Underline;            Text-Align: Center;            Font-Size: 150%;            Padding-Top: 30px;            Padding-Bottom: 30px;            }"

CSSID #Section2, "{           Width: 450px;            Background-Color: Maroon;            Font-Family: ""Times New Roman"", Serif;            Font-Size: 100%;            Font-Style: Italic;            Padding-Top: 30px;            Padding-Right: 30px;            Padding-Bottom: 30px;            Padding-Left: 30px;            }"

a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section1 PRINT "Preamble" END DIV DIV Section2 PRINT a$ END DIV END code As with other CSS measurement commands, can be measured in units of pixels, inches , centimeters , millimeters , viewing font size , and percentage. and are //relative//, the others are all //absolute//. See Defining the Dimensions of the CSSID Section for a discussion of //absolute// and //relative// measuring units. code format="vbnet" CSSID #Section1, "{           Background-Color: Lime;            Width: 450px;            Font-Weight: Bold;            Text-Align: Center;            Text-Decoration: Underline;            Font-Size: 150%;            Padding-Top: 1em;            Padding-Bottom: 1em;            }"

CSSID #Section2, "{           Width: 450px;            Background-Color: Maroon;            Font-Family: ""Times New Roman"", Serif;            Font-Size: 100%;            Font-Style: Italic;            Padding-Top: 1in;            Padding-Right: 1in;            Padding-Bottom: 1in;            Padding-Left: 1in;            }"

a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section1 PRINT "Preamble" END DIV DIV Section2 PRINT a$ END DIV END code **adds** to the defined dimensions of the CSSID section. A section assigned a //width of 400 pixels//, a, and a , will display across. The same is true of an assigned height when the top and/or bottom padding is included.

Do not confuse with. assigns the //outside margin// between two or more CSS elements.

Return to CSSID Table of Contents

 CSS code allows several assignments to the padding statement without declaring the specific property, so long as this standard order is kept:, , ,. The CSS statement would be This code code format="vbnet" CSSID #Section1, "{           Width: 4in;            Background-Color: #9999FF;            Font-Family: ""Courier New"", Monospace;            Font-Style: Italic;            Font-Weight: Bold;            Font-Size: 150%;            Font-Family: ""Courier New"", Monospace;            Padding-Top: 1in;            Padding-Right: 0.5in;            Padding-Bottom: 0.5in;            Padding-Left: 0.75in;            }"
 * Compacting the Padding Properties Statement**

a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section1 PRINT a$ END DIV END code could be be written using the one properties statement as code format="vbnet" CSSID #Section1, "{           Width: 4in;            Background-Color: #9999FF;            Font-Family: ""Courier New"", Monospace;            Font-Style: Italic;            Font-Weight: Bold;            Font-Size: 150%;            Font-Family: ""Courier New"", Monospace;            Padding: 1in 0.5in 0.5in 0.75in;            }"

a$ = "We the People of the United States, in Order to form " + _ "a more perfect Union, establish Justice, insure domestic " + _ "Tranquility, provide for the common defense, promote the " + _ "general Welfare, and secure the Blessings of Liberty to " + _ "ourselves and our Posterity, do ordain and establish this " + _ "Constitution for the United States of America." CLS DIV Section1 PRINT a$ END DIV END code

Return to CSSID Table of Contents



Styled Borders With CSSID
The property sets a decorative outline around the CSSID section using a combination of, , and  Simple include:, , , and. 3-D effects include:, , , and. code format="vbnet" CSSID #Section1, "{   Background-Color: Olive;    Width: 200px;    Height: 100px;    Border-Style: Solid;    }" CSSID #Section2, "{   Background-Color: Lime;    Width: 200px;    Height: 100px;    Border-Style: Double;    }" CSSID #Section3, "{   Background-Color: Aqua;    Width: 200px;    Height: 100px;    Border-Style: Inset;    }" CSSID #Section4, "{   Background-Color: Yellow;    Width: 200px;    Height: 100px;    Border-Style: Outset;    }"

DIV Section1 END DIV DIV Section2 END DIV DIV Section3 END DIV DIV Section4 END DIV END code

Return to CSSID Table of Contents

 The property can be set to, , or. The can also be more specifically defined by declaring the thickness in number of //pixels//: {{{Border-Width: 7px}}. //Pixels// is the only unit of measurement allowed for determining the. code format="vbnet" CSSID #Section1, "{   Background-Color: Olive;    Width: 200px;    Height: 100px;    Border-Style: Solid;    Border-Width: Thick;    }" CSSID #Section2, "{   Background-Color: Lime;    Width: 200px;    Height: 100px;    Border-Style: Ridge;    Border-Width: 7px;    }"
 * Border-Width**

DIV Section1 END DIV DIV Section2 END DIV END code

Return to CSSID Table of Contents

 assigns the to the. As with the Background-Color command, can be assigned using the name, the  value or the  value. It is important to restrict the names to the standard sixteen colors recognized by all browsers: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. See Background-Color for a discussion of names and values. code format="vbnet" CSSID #Section1, "{   Background-Color: Olive;    Width: 200px;    Height: 100px;    Border-Style: Solid;    Border-Width: Medium;    Border-Color: Silver;    }" CSSID #Section2, "{   Background-Color: Lime;    Width: 200px;    Height: 100px;    Border-Style: Double;    Border-Width: Thick;    Border-Color: Maroon;    }" CSSID #Section3, "{   Background-Color: Aqua;    Width: 200px;    Height: 100px;    Border-Style: Inset;    Border-Width: 12px;    Border-Color: #FF33FF;    }" CSSID #Section4, "{   Background-Color: Yellow;    Width: 200px;    Height: 100px;    Border-Style: Outset;    Border-Width: 16px;    Border-Color: RGB(128, 255, 128)    }"

DIV Section1 END DIV DIV Section2 END DIV DIV Section3 END DIV DIV Section4 END DIV END code

Return to CSSID Table of Contents

 CSS code allows several assignments to the statement without declaring the specific property, so long as this standard order is kept:, ,. The CSS statement would be This code code format="vbnet" CSSID #Section1, "{           Width: 350px;            Height: 200px;            Background-Color: Silver;            Border-Width: 12px;            Border-Style: Ridge;            Border-Color: Red;            }" DIV Section1 END DIV END code could be written using the one font properties statement as code format="vbnet" CSSID #Section1, "{Border: 4px Ridge Red}" DIV Section1 END DIV END code
 * Compacting the Border Properties Statement**

Return to CSSID Table of Contents

 Each of the four sides can be assigned a different value by specifying, , , and. code format="vbnet" CSSID #Section1, "{   Background-Color: Olive;    Width: 200px;    Height: 100px;    Border-Top-Style: Solid;    Border-Top-Width: Thin;    Border-Top-Color: Silver;    Border-Right-Style: Dotted;    Border-Right-Width: Thick;    Border-Right-Color: Red;    Border-Bottom-Style: Dashed;    Border-Bottom-Width: 4pt;    Border-Bottom-Color: Maroon;    Border-Left-Style: Groove;    Border-Left-Width: 8pt;    Border-Left-Color: #FFCC66;    }" DIV Section1 END DIV END code
 * Individual Border Sides**

Return to CSSID Table of Contents



Styled Scrollbars With CSSID
The property sets the colors of the main elements of the scroll bar. These elements include the scroll box, the scroll track, and the scroll arrows. [|MSDN] offers these descriptions:

>The scroll box is the square box within a scroll bar that can be moved either up and down or left and right on a track to change the position of the content on the screen. >The track is the element of a scroll bar on which the scroll box can slide either up and down or left and right. >The scroll arrows, located at each end of a scroll bar, are the square buttons containing the arrows that move the content on the screen in small increments, either up and down or left and right.

The color properties are Scrollbar-Base-Color, Scrollbar-Face-Color, Scrollbar-Arrow-Color, Scrollbar-Highlight-Color, Scrollbar-3dlight-Color, Scrollbar-Shadow-Color, Scrollbar-Darkshadow-Color, and Scrollbar-Track-Color.

 The property is assigns one color to the scrollbar. The elements are colored with gradient shades of that color. code format="vbnet" CSSID #Section1, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }" CSSID #Section2, "{   Width: 50px;    Scrollbar-Base-Color: #00FF00;    }" CSSID #Section3, "{   Width: 50px;    Scrollbar-Base-Color: #0000FF;    }" CSSID #Section4, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }"
 * Scrollbar-Base-Color**

DIV Section1 Textarea #t1, "Pink", 25, 4 #t1 Println("") #t1 Print("This texteditor has pink scrollbars. ") #t1 Print("All scrollbar elements are the same color.") END DIV DIV Section2 Textarea #t2, "Green", 25, 4 #t2 Println("") #t2 Print("This texteditor has green scrollbars. ") #t2 Print("All scrollbar elements are the same color.") END DIV DIV Section3 Textarea #t3, "Blue", 25, 4 #t3 Println("") #t3 Print("This texteditor has blue scrollbars. ") #t3 Print("All scrollbar elements are the same color.") END DIV DIV Section4 Textarea #t4, "Purple", 25, 4 #t4 Println("") #t4 Print("This texteditor has purple scrollbars. ") #t4 Print("All scrollbar elements are the same color.") END DIV

Print: Print Link #q, "Quit", [quit] WAIT

[quit] CLS END code Use the attribute to set a single color to all the elements of the scroll bar. For more variety, each separate scroll bar element may be assigned a different color. Colors are assigned by using the value, >>#FF0000 the RGB value, >>RGB(255, 0, 0) or any one of the sixteen standard HTML colors >>Red See Background-Color for a discussion of names and values.

Return to CSSID Table of Contents

 The property sets the color of the scroll box and scroll arrows. The colors of the other elements remain unchanged. code format="vbnet" CSSID #Section1, "{   Width: 50px;    }" CSSID #Section2, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }" CSSID #Section3, "{   Width: 50px;    Scrollbar-Face-Color: #FF00FF;    }"
 * Scrollbar-Face-Color**

DIV Section1 Textarea #t1, "Default", 25, 4 #t1 Println("") #t1 Print("This texteditor is the default texteditor. ") #t1 Print("No styling attributes have been assigned to the scrollbars.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars.   ") #t1 Print("No styling attributes have been assigned to the scrollbars.") END DIV DIV Section2 Textarea #t2, "Pink Base", 25, 4 #t2 Println("") #t2 Print("This texteditor is pink.") #t2 Print("All scrollbar elements are the same color. ") #t2 Print("There are some subtle differences between the base attribute ") #t2 Print("and the face attribute. These differences will become more ") #t2 Print("distinct as other scroll bar elements are colored.") END DIV DIV Section3 Textarea #t3, "Face = Pink", 25, 4 #t3 Println("") #t3 Print("This texteditor has a pink face.") #t3 Print("The scroll box and scroll arrow faces are pink. ") #t3 Print("There are some subtle differences between the base attribute ") #t3 Print("and the face attribute. These differences will become more ") #t3 Print("distinct as other scroll bar elements are colored.") END DIV

Print: Print Link #q, "Quit", [quit] WAIT

[quit] CLS END code

Return to CSSID Table of Contents

 assigns the to the scroll bar arrows. In the third example, the face is pink, and the scroll bar arrows are blue.
 * Scrollbar-Arrow-Color**

code format="vbnet" CSSID #Section1, "{   Width: 50px;    }" CSSID #Section2, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }" CSSID #Section3, "{   Width: 50px;    Scrollbar-Face-Color: #FF00FF;    Scrollbar-Arrow-Color: #0000FF;    }"

DIV Section1 Textarea #t1, "Default", 25, 4 #t1 Println("") #t1 Print("This texteditor is the default texteditor.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") END DIV DIV Section2 Textarea #t2, "Pink Base", 25, 4 #t2 Println("") #t2 Print("This texteditor is pink. ") #t2 Print("All scrollbar elements are the same color. ") #t2 Print("There are some subtle differences between the base attribute ") #t2 Print("and the face attribute. These differences will become more ") #t2 Print("distinct as other scroll bar elements are colored.") END DIV DIV Section3 Textarea #t3, "Arrows = Blue", 25, 4 #t3 Println("") #t3 Print("This texteditor has a pink face. ") #t3 Print("The arrows are blue. The other ") #t3 Print("elements remain unchanged.") END DIV

Print: Print Link #q, "Quit", [quit] WAIT

[quit] CLS END code

Return to CSSID Table of Contents

 assigns the to the top and left edges of the scroll boxes of the scroll bar. In the third example, the face is pink, the arrows are blue, and the top and left edges of the scroll boxes are yellow.
 * Scrollbar-Highlight-Color**

code format="vbnet" CSSID #Section1, "{   Width: 50px;    }" CSSID #Section2, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }" CSSID #Section3, "{   Width: 50px;    Scrollbar-Face-Color: #FF00FF;    Scrollbar-Arrow-Color: #0000FF;    Scrollbar-Highlight-Color: #FFFF00;    }"

DIV Section1 Textarea #t1, "Default", 25, 4 #t1 Println("") #t1 Print("This texteditor is the default texteditor.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") END DIV DIV Section2 Textarea #t2, "Pink Base", 25, 4 #t2 Println("") #t2 Print("This texteditor is pink. ") #t2 Print("All scrollbar elements are the same color. ") #t2 Print("There are some subtle differences between the base attribute ") #t2 Print("and the face attribute. These differences will become more ") #t2 Print("distinct as other scroll bar elements are colored.") END DIV DIV Section3 Textarea #t3, "3dlight = Yellow", 25, 4 #t3 Println("") #t3 Print("This texteditor has a Pink face. The arrows ") #t3 Print("remain blue. The top and left edges of the boxes ") #t3 Print("(3dlight) are yellow.") END DIV

Print: Print Link #q, "Quit", [quit] WAIT

[quit] CLS END code

Return to CSSID Table of Contents

 assigns the to the upper gutter of the scroll bar. The gutter is the space between the top and left edges of the scroll boxes of the scroll bar. The appaers outside the. It may be easier to see if the is set to white. In the third example, the face is pink, the arrows are blue, the inner top and left edges of the scroll boxes are white, and the upper gutter edges are green.
 * Scrollbar-3dlight-Color**

code format="vbnet" CSSID #Section1, "{   Width: 50px;    }" CSSID #Section2, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }" CSSID #Section3, "{   Width: 50px;    Scrollbar-Face-Color: #FF00FF;    Scrollbar-Arrow-Color: #0000FF;    Scrollbar-Highlight-Color: #FFFFFF;    Scrollbar-3dlight-Color: #00FF00;    }"

DIV Section1 Textarea #t1, "Default", 25, 4 #t1 Println("") #t1 Print("This texteditor is the default texteditor.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") END DIV DIV Section2 Textarea #t2, "Pink Base", 25, 4 #t2 Println("") #t2 Print("This texteditor is pink. ") #t2 Print("All scrollbar elements are the same color. ") #t2 Print("There are some subtle differences between the base attribute ") #t2 Print("and the face attribute. These differences will become more ") #t2 Print("distinct as other scroll bar elements are colored.") END DIV DIV Section3 Textarea #t3, "3dlight = Green", 25, 4 #t3 Println("") #t3 Print("This texteditor has a Pink face. The arrows ") #t3 Print("remain blue. The top and left edges of the boxes ") #t3 Print(" are white. The upper gutter (3dlight) is green.") END DIV

Print: Print Link #q, "Quit", [quit] WAIT

[quit] CLS END code

Return to CSSID Table of Contents

 assigns the to the bottom and right edges of the scroll boxes of the scroll bar. In the third example, the face is pink, the arrows are blue, the inner top and left edges of the scroll boxes are yellow, the upper gutter edges are green, and the inner bottom and right edges are cyan.
 * Scrollbar-Shadow-Color**

code format="vbnet" CSSID #Section1, "{   Width: 50px;    }" CSSID #Section2, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }" CSSID #Section3, "{   Width: 50px;    Scrollbar-Face-Color: #FF00FF;    Scrollbar-Arrow-Color: #0000FF;    Scrollbar-Highlight-Color: #FFFF00;    Scrollbar-3dlight-Color: #00FF00;    Scrollbar-Shadow-Color: #00FFFF;    }"

DIV Section1 Textarea #t1, "Default", 25, 4 #t1 Println("") #t1 Print("This texteditor is the default texteditor.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") END DIV DIV Section2 Textarea #t2, "Pink Base", 25, 4 #t2 Println("") #t2 Print("This texteditor is pink. ") #t2 Print("All scrollbar elements are the same color. ") #t2 Print("There are some subtle differences between the base attribute ") #t2 Print("and the face attribute. These differences will become more ") #t2 Print("distinct as other scroll bar elements are colored.") END DIV DIV Section3 Textarea #t3, "Shadow = Cyan", 25, 4 #t3 Println("") #t3 Print("This texteditor has a Pink face. The arrows ") #t3 Print("remain blue. The top and left edges of the boxes ") #t3 Print("are yellow. The upper gutter (3dlight) is green.  ") #t3 Print("The bottom and right edges of the boxes are cyan.") END DIV

Print: Print Link #q, "Quit", [quit] WAIT

[quit] CLS END code

Return to CSSID Table of Contents

 assigns the to the gutter of the scroll bar. The gutter is the space between the track and the bottom and right edges of the scroll box and scroll arrows of the scroll bar. The scrollbarDarkShadowColor appears outside the scrollbarShadowColor. In the third example, the face is pink, the arrows remain blue, the top and left edges of the scroll boxes are yellow, the upper gutter is green, the bottom and right edges of the scroll boxes are cyan, and the gutter is red. It may be easier to see the gutter if the attribute is removed.
 * Scrollbar-Darkshadow-Color**

code format="vbnet" CSSID #Section1, "{   Width: 50px;    }" CSSID #Section2, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }" CSSID #Section3, "{   Width: 50px;    Scrollbar-Face-Color: #FF00FF;    Scrollbar-Arrow-Color: #0000FF;    Scrollbar-Highlight-Color: #FFFF00;    Scrollbar-3dlight-Color: #00FF00;    Scrollbar-Shadow-Color: #FFFFFF;    Scrollbar-Darkshadow-Color: #FF0000;    }"

DIV Section1 Textarea #t1, "Default", 25, 4 #t1 Println("") #t1 Print("This texteditor is the default texteditor.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") END DIV DIV Section2 Textarea #t2, "Pink Base", 25, 4 #t2 Println("") #t2 Print("This texteditor is pink. ") #t2 Print("All scrollbar elements are the same color. ") #t2 Print("There are some subtle differences between the base attribute ") #t2 Print("and the face attribute. These differences will become more ") #t2 Print("distinct as other scroll bar elements are colored.") END DIV DIV Section3 Textarea #t3, "Darkshadow = Red", 25, 4 #t3 Println("") #t3 Print("This texteditor has a Pink face. The arrows ") #t3 Print("remain blue. The top and left edges of the boxes ") #t3 Print("are yellow. The upper gutter (3dlight) is green.  ") #t3 Print("The bottom and right edges of the boxes are white. ") #t3 Print("The lower gutter is red.") END DIV

Print: Print Link #q, "Quit", [quit] WAIT

[quit] CLS END code

Return to CSSID Table of Contents

 The final trackbar element is the track itself. assigns the to track element of the scroll bar. In the third example, the face is pink, the arrows remain blue, the top and left edges of the scroll boxes are yellow, the upper gutter is green, the bottom and right edges of the scroll boxes are cyan, the gutter is red, and the track is now orange.
 * Scrollbar-Track-Color**

code format="vbnet" CSSID #Section1, "{   Width: 50px;    }" CSSID #Section2, "{   Width: 50px;    Scrollbar-Base-Color: #FF00FF;    }" CSSID #Section3, "{   Width: 50px;    Scrollbar-Face-Color: #FF00FF;    Scrollbar-Arrow-Color: #0000FF;    Scrollbar-Highlight-Color: #FFFF00;    Scrollbar-3dlight-Color: #00FF00;    Scrollbar-Shadow-Color: #00FFFF;    Scrollbar-Darkshadow-Color: #FF0000;    Scrollbar-Track-Color: #FF9900;    }"

DIV Section1 Textarea #t1, "Default", 25, 4 #t1 Println("") #t1 Print("This texteditor is the default texteditor.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars.") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") #t1 Print("No styling attributes have been assigned to the scrollbars. ") END DIV DIV Section2 Textarea #t2, "Pink Base", 25, 4 #t2 Println("") #t2 Print("This texteditor is pink. ") #t2 Print("All scrollbar elements are the same color. ") #t2 Print("There are some subtle differences between the base attribute ") #t2 Print("and the face attribute. These differences will become more ") #t2 Print("distinct as other scroll bar elements are colored.") END DIV DIV Section3 Textarea #t3, "Track = Orange", 25, 4 #t3 Println("") #t3 Print("This texteditor has a Pink face. The arrows ") #t3 Print("remain blue. The top and left edges of the boxes ") #t3 Print("are yellow. The upper gutter is green.  ") #t3 Print("The bottom and right edges of the boxes are cyan. ") #t3 Print("The lower gutter is red. The track is now orange. ") END DIV

Print: Print Link #q, "Quit", [quit] WAIT

[quit] CLS END code

Return to CSSID Table of Contents