Page 111 - DCAP408_WEB_PROGRAMMING

Unit 4: Cascading Style Sheets

<IMG alt=”Al Capone” Notes
width=”100" height=”100"
src=”suspect1.jpg”>
<P>Name: Al Capone</P>
<P>Residence: Chicago</P>
</DIV>
<DIV id=”container2">
<IMG alt=”Lucky Luciano”
width=”100" height=”100"
src=”suspect2.jpg”>
<P>Name: Lucky Luciano</P>
<P>Residence: New York</P>
</DIV>
<FORM method=”post”
action=”http://www.bpkm.org.in/process-bums”>
<P>
<INPUT name=”Capone” type=”button”
value=”Capone”
onclick=‘show (“container1”); hide (“container2”)’>
<INPUT name=”Luciano” type=”button”
value=”Luciano”
onclick=‘show (“container2”); hide (“container1”)’>
</FORM>
</BODY>
</HTML>

4.4.11 Dimension Properties

In CSS, the fundamental visual rendering model places all components of the document tree in
physical and virtual rectangular boxes, each having a specific height and width. The dimension
properties describe the details influencing the calculation and visual rendering of an element’s
line, in-line and block box dimensions. The actual values for an element’s visually rendered
height and width are dependent on many criteria, including the intrinsic type of the current
element and the dimensions of the element’s containing block.

All CSS Dimension Properties
The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).

Property Description Values CSS
height Sets the height of an element Auto length % inherit 1
max-height Sets the maximum height of an element none length % inherit 2
max-width Sets the maximum width of an element none length % inherit 2
min-height Sets the minimum height of an element length % inherit 2
min-width Sets the minimum width of an element length % inherit 2
width Sets the width of an element auto length % inherit 1

LOVELY PROFESSIONAL UNIVERSITY 105