<div> with style inside tag. Height and width are 100px.
<div> obtaining style from <style> element. Height and width are 100px.
another <div> obtaining style from <style> element. (no width or height)

Showing Properties

The divisions above were produced by these in-line style sheets for the first and third divisions: 
<div id="d1" style=
  "background-color: #ccffcc;
   position: absolute;
   top: 10px; left: 10px;
   width:100px; height: 100px;">

<div id="d3"
   style="background-color: cyan">
...and this style sheet (for the second and third divisions) 
<style type="text/css">
#d2 {
   visibility: visible;
   background-color: #ccccff;
   position: absolute;
   top: 10px; left: 110px;
   width: 100px; height:100px;
}

#d3 {
   position: absolute;
   top: 10px; left: 210px;
}
</style>

Let's take a look at some of the properties of these three <div>s.

  DOM Review (2) Index Showing Properties (2)