HTML and CSS Reference
In-Depth Information
Table 14.13
style
Object Properties (continued)
HTML Tags
Affected
Property
Example CSS Value
Margins and Borders
(Continued)
marginRight
20em, 45%
All
marginTop
1cm, 20%
All
padding
2em, 4em, 6em (right, bottom, left)
All
paddingBottom
2em, 20%
All
paddingLeft
.25in, 20%
All
paddingRight
.5cm, 35%
All
paddingTop
20px, 10%
All
length
Block-level elements
width
12em, 30%, auto (initial width value)
Block-level element
For a complete list of properties, see
http://www.w3.org/TR/REC-CSS2/propidx.html
.
EXAMPLE
14.28
<html>
<head><title>Changing Background Color Dynamically</title>
1
<script type="text/javascript">
2
function bodyColor(){
3
var i = document.form1.body.selectedIndex;
4
bodycolor = document.form1.body.options[i].value;
5
document.getElementById("bdy").style.backgroundColor=
bodycolor;
}
</script>
</head>
6
<body id="bdy">
<p>
Pick a background color for this page.
</p>
7
<form name="form1">
<b> Color </b>
8
<select name="body" onChange="bodyColor();">
<option value="pink">pink</option>
<option value="lightblue">blue</option>
Continues
