Dynamic HTML in Netscape Communicator
Part 1. Style Sheets

[Contents] [Prev page] [Next page] [Last page]

Index

Symbols

<BODY> tag
as parent 25
<DIV> tag
example use for layer definition 123
<FONT> tag
FACE attribute 206
POINT-SIZE attribute 207
WEIGHT attribute 207
<ILAYER> tag 129
<LAYER> tag
and style sheets 126
caveats 125
example 125
for positioning HTML content 125
using inline JavaScript 134
<LINK> tag
reference entry 55
<NOLAYER> tag 144
<SCRIPT> tag
in layers 158
<SPAN>
reference entry 56
<SPAN> tag
reference entry 56
<STYLE> tag
example of defining a layer 122
overview 28
reference entry 55

A

above property
for defining layers 139
for modifying layers 152
absolute position
layers 127
absolute-size
font size 63
accessing
layers with JavaScript 145
align
style sheets property 82
animated gifs
onload handler 162
animating
layers 160
applets
in layers 144
assigning
styles 27
attributes
of layers 129
auto
margin 75

B

background color
style sheet property 91
background color property
of layers 141
background image
for layers 142
style sheet property 89
background properties
in style sheets 88
background property
for defining layers 142
for modifying a layer 151
beginDrag()
example function 200
below property
for defining layers 139
bgColor property
for defining layers 141
for modifying a layer 152
Bitstream
font information 208
blink 69
block level elements
classification property 92
format properties 43
formatting example 43
formatting in style sheets 75
padding overview 50
border characteristic
setting in style sheets 49
border color
style sheet property 80
border style
style sheet property 80
border widths
in style sheets 78
borderWidths()
function 78
bulleted lists
display properties 92

C

capitalize 70
capturing mouse events
example using layers 197
cascading style sheets
position property 123
W3C specification 19
center
text align value 71
changeDirection()
example function 178
changeNow()
example function 193
changePoles()
example function 179
changeWidth()
example function 201
child elements
in style sheets 24
CLASS
HTML attribute 58
classes
in JavaScript style sheets 62
JavaScript property 62
of styles 30
classification properties
in style sheets 92
clear
style sheet property 87
clip property
for layers 138
clip.bottom property
of a layer 151
clip.height property
of a layer 151
clip.left property
of a layer 151
clip.right
property of a layer 151
clip.top property
of a layer 151
clip.width property
of a layer 151
clipping region
example of changing for a layer 185
of a layer 138
color
background for layers 141
background in style sheets 91
properties in style sheets 88
style sheet property 88
units 97
combining style sheets 40
comments
in style sheets 54
Communicator
style sheets 18
syntax for positioning layers 121
content
for layers 135
layers 119
writing in a layer 155
contextual selection
in style sheets 36
contract()
example function 195
contracting
layers example 193
creating
layers dynamically 155
style sheets 27
CSS
see cascading style sheets 19

D

defining
classes of styles 30
DIV block
example use with style sheets 102
document object
layers property 148
document object model 19
downloadable fonts 203
downloading
fonts 208
drag()
example function 201
dynamic fonts 203
Dynamic HTML 11
style sheets 15
dynamic HTML
layers 117
dynamically
creating layers 155

E

enddrag()
example function 202
event handling
in layers 157
examples
expanding colored squares 185
of capturing mouse events in a layer 197
of changing a layer's wrapping width 197
of creating layers 163
of inline JavaScript 167
of style sheets 99
of using load() function 197
swimming fish 168
expand()
example function 194
expanding
layers example 193
expanding colored squares
layer example 185
external content
for layers 135
external style sheets 29

F

FACE attribute 206
Fancy Flowers Farm
layers example 163
float
style sheet property 82
font definition files
linking 205
font family
style sheet property 64
font properties
in style sheets 62
font size
style sheet property 62
font style
style sheet property 66
font weight
style sheets 66
fonts
downloadable 203
downloading 208
dynamic 203
format properties
for block level elements 43
forms
example use in a layer (1) 165
example use in a layer (2) 172
in layers 144

H

height property
for layers 137
hide
visibility value 140
HTML layers
see layers 119
HTML tags
for style sheets 57
in style sheets 55

I

ID
for styles 34
HTML attribute 59
layer property 131
style for defining a layer 122
style sheet property for layers 131
ids
in JavaScript style sheets 62
JavaScript property 62
images
pre-fetching 162
suppressing placeholder icons 163
individual elements
assigning styles for 38
inflow layers 127
inherit
visibility value 140
inheritance
of styles 24
initializeFish()
example function 176
initializeTopLeft()
example function 191
inline
classification property 92
inline JavaScript
example 167
using with layers 134
inline layers
see inflow layers 127
introduction 11

J

JavaScript
accessing layers 145
document object model 19
example of inline 167
inline in layer definition 134
methods for layers 153
JavaScript properties
classes 62
for styles sheets 61
ids 62
tags 61
JavaScript style sheets
syntax 21
justify
text align value 71

L

large
font size 63
layer object 147
methods 153
properties 150
layer-background-color
style property 141, 142
layer-background-image
style property 142
layers
<LAYER> tag 125
<NOLAYER> 144
above property 139
above property (ii) 152
absolute position 127
animating 160
applets 144
attributes 129
background color 141
background image 142
background property 151
below property 139
bgColor property 152
changing source 154
changing wrapping width example 197
clip property 138
clip.bottom 151
clip.height 151
clip.left 151
clip.right 151
clip.top 151
clip.width 151
creating dynamically 155
defining position of 132
document property 148
dynamically positioning 119
event handling 157
example of changing clipping region of a layer 185
example of changing stacking order 174
example of contracting 193
example of expanding 193
expanding colored squares example 185
forms 144
height property 137
ID 131
in Communicator 121
in Navigator 4.0 121
inflow 127
inline 127
introduction 119
layer object 147
left property 132
left property (ii) 150
load() method 154
methods 153
moveAbove() method 154
moveBelow() method 154
moveBy() method 153
moveToAbsolute() method 154
name property 131
name property (ii) 150
nesting 120
of HTML content 119
onBlur attribute 143
onFocus attribute 143
onLoad attribute 143
onLoad handlers 161
onMouseOut attribute 142
onMouseOver attribute 142
pageX property 135
pageX property (ii) 150
pageY property 135
pageY property (ii) 151
parentLayer property 152
plugins 144
position property 123
positioned 127
properties 129
properties that can be accessed or modified in scripts 149
relative position 127
resizeBy() method 154
resizeTo() method 154
scripts 158
siblingAbove property 152
siblingBelow property 152
source-include property 135
specifying external content 135
specifying stacking order 139
src property 135
src property (ii) 152
top property 132, 150
using JavaScript to access 145
visibility property 140
visibility property (ii) 151
W3C specification 121
width property 137
wrapping width 137
writing in 155
Z-index attribute 139
zIndex property 151
layers array 148
left
text align value 71
left property
for creating a layer 132
for modifying a layer 150
length
units 96
line height
style sheet property 68
line-through
text decoration value 69
linking
font definition files 205
to style sheets 29
list style type
style sheet property 93
list-item
display value 92
lists
display properties 92
load() method
for layers 154
loading
layers 154
onLoad handler for layers 143
lowercase
text transform value 70

M

margins
overview 47
precedence 44
properties in style sheets 75
margins()
function 75
medium
font size 63
methods
in layer object 153
modifying
layers with JavaScript 145
moveAbove() method
for layers 154
moveBelow() method
for layers 154
moveBy() method
for layers 153
moveFish()
example function 173
movefish2()
example function 177
moveTo() method
for layers 153
moveToAbsolute() method
for layers 154
moving
layers incrementally 153
layers to a fixed position 153
layers to an absolute position 154

N

name property
for accessing a layer 150
for creating layers 131
named style
for defining a layer 122
Navigator 4.0
syntax for positioning layers 121
nesting
layers 120
normal
white space value 95

O

objects
document 148
layer 147
onBlur attribute
of layers 143
onFocus
attribute of layers 143
event handler 158
onLoad
animated gifs 162
attribute of layers 143
event handler for layers 158
example in a layer 185
onMouseOut
event handler for layers 157
onMouseOver
event handler for layers 157
example in a layer 185
ordered lists
display properties 92

P

padding
in block level elements 50
style sheet properties 77
padding()
function 77
pageX property
for creating layers 135
for modifying layers 150
pageY property
for creating layers 135
for modifying layers 151
parent elements
in style sheets 24
parentLayer property 152
plugins
in layers 144
POINT-SIZE attribute 207
position
absolute (layers) 127
of layers 132
relative (layers) 127
position property
for styles 123
in layers 128
positioning
HTML layers 119
layers, W3C specification 121
pre
white space value 95
precedence
of horizontal dimensions 44
properties
of layer object 150

R

relative
position value 129
positioned layers 127
relative-size
font size 63
replaced elements 51
resetPole()
example function 179
resizeBy() method
for layers 154
resizeTo() method
for layers 154
resizing
layers incrementally 154
layers to specific size 154
restacking layers
moveAbove() method 154
moveBelow() method 154
right
text align value 71

S

scripts
for accessing layers 145
in layers 158
setTimeout() function 160
setting
padding 50
setting margins 47
setting width
in style sheet 47
show
visibility value 140
showForm()
example function 173
siblingAbove property 152
siblingBelow property 152
small
font size 63
source
changing for a layer 154
source-include property 135
src property
for creating layers 135
for modifying layers 152
stacking order
example of changing for layers 174
for layers 139
strict
cascading style sheet syntax 20
STYLE
attribute 57
style sheets
<BODY> tag 25
<LINK> 55
<SPAN> 56
<STYLE> 55
align 82
and layers 126
background color 91
background image 89
background properties 88
background property for layers 142
background-color property of layers 141
block level formatting 75
border color 80
border style 80
border width settings 78
CLASS attribute 58
classification properties 92
clear 87
color 88
combining 40
comments 54
contextual selection 36
creating 27
defining in external files 29
definining classes of styles 30
example 99
float 82
font family 64
font properties 62
font size 62
font style 66
font weight 66
formatting block level elements 43
height property 137
HTML tags 55
ID attribute 59
in Communicator 18
inheritance 24
introduction 18
JavaScript properties 61
JavaScript syntax 21
left property 132
line height 68
list style type 93
margin settings 75
new HTML tags 57
padding settings 77
setting border characteristics 49
source-include property 135
STYLE attribute 57
text align 71
text color 88
text decoration 69
text indent 73
text properties 67
text transform 70
top property 132
unique styles 34
units 96
visibility property 140
white space 95
width 81
width property 137
Z-index property 139
Style Sheets Ink 99
styles
assigning 27
defining with <STYLE> 28
for individual elements 38
ID 34
unique 34
suppressing placeholder icons 163

T

tag 122
tags
in Javascript style sheets 61
Javascript property 61
JavaScript style sheet syntax 61
text align
style sheet property 71
text color 88
text decoration
style sheet property 69
text indent
style sheet property 73
text properties
in style sheets 67
text transform
style sheet property 70
top property
for creating layers 132
for modifying layers 150

U

underline
text decoration value 69
unique style
for defining a layer 122
unique styles 34
units
color 97
for style sheet properties 96
length 96
unordered lists
display properties 92
uppercase
text transform value 70

V

visibility property
for creating layers 140
for modifying layers 151
visible area
of layers 138

W

W3C
fonts and the web 209
W3C specification
for positioning layers 121
web fonts 203
WEIGHT attribute 207
white space
style sheet property 95
width
changing of a layer using load() method 154
overview (style sheets) 47
precedence 44
style sheet property 81
width property
for creating a layer 137
wrapping width
example of changing in a layer 197
of layers 137
writing
to layers 155

X

x-large
font size 63
x-small
font size 63
xx-large
font size 63

Z

Z-index property
for layers 139
zIndex property
of a layer 151

[Contents] [Prev page] [Next page] [Last page]

This file last updated: 08/06/97 12:08:33

Copyright © 1997 Netscape Communications Corporation