Javascript Style Sheets Example

[Introduction | Properties | Example]

Introduction

Javascript Style Sheets (JSSS) are an equivalent way of writing style sheet declarations for Netscape 4. Explorer doesn't understand JSSS.

Available Properties

• borderColor
• borderStyle
• borderWidths()
• borderTopWidth
• borderRightWidth
• borderBottomWidth
• borderLeftWidth
• margins()
• marginTop
• marginRight
• marginBottom
• marginLeft
• paddings()
• paddingTop
• paddingRight
• paddingBottom
• paddingLeft
• backroundColor
• backgroundImage
• color
• display
• listStyleType
• whiteSpace
• fontFamily
• fontSize
• fontStyle
• fontWeight
• textAlign
• textDecoration
• lineHeight
• textTransform
• verticalAlign

Example of Javascript Style Sheets

<style type="text/javascript">
<!--

tags.H1.color="red"
tags.H1.textTransform="capitalize"

with (tags.P) {
	fontSize="14pt"
	marginLeft="2em"
	marginRight="2em"
}
contectual(tags.P, tags.EM).fontSize="16pt" // P EM {...}

with (classes.narrow.P) {
	color = "red"
	marginLeft = "5em"
	marginRight = "5em"
}

ids.special4.borderWidths("5px", "5px", "5px", "5px")
//-->
</style>