Page 110 - DCAP408_WEB_PROGRAMMING
P. 110
Web Programming
Notes 4.4.10 Classification Properties
The classification properties serve to classify elements and select which layout models will
be used in their display. In the visual media-formatting model, an element’s rendering is
based heavily upon, among other things, the positioning method specified (floating,
positioned or normal flow positioning) and the classification type of the element’s box (the
‘display’ property).
CLASSIFICATION
clear left | right | both | none
url
cursor auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-
resize | se-resize | sw-resize| s-resize | w-resize | text | wait | help
none | inline | block | list- item | run-in | compact | marker | tabie | in line-table|
display table-row-group | table- header-group | table-footer- group | table-row | table-
column-group | table- column | table-cell | table caption
float left | right | none
position static | relative | absolute |
visibility visible | hidden | collapse
Example:
P {display: block}
EM {display: inline}
LI {display: list-item}
IMG {display: none}
More Practical Example
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”>
<HTML>
<HEAD>
<STYLE type=”text/css”>
<!—
#container1 {position: absolute;
top: 2in; left: 2in; width: 2in}
#container2 {position: absolute;
top: 2in; left: 2in; width: 2in;
visibility: hidden;}
—>
</STYLE>
</HEAD>
<BODY>
<P>Choose a suspect:</P>
<DIV id=”container1">
104 LOVELY PROFESSIONAL UNIVERSITY
