CSS Layers

Layer 1

Rljkeg pokjs etjkgspj jpojerojk pok arlijsjgj aerpokjopek tj..! Rljkeg pokjs etjkgspj jpojerojk pok arlijsjgj aerpokjopek tj..!

Layer 3

This is a blue block of HTML content.

Layer 4

I am a very pretty layer.

The style for a positioned block of HTML content always includes the property position. The value can be either

• absolute, which indicates a layer with an absolute position in its containing layer, or
• relative, which indicates a layer with a position relative to the current position in the document.

You can also specify the top and left properties to indicate the horizontal indent from the containing layer (for an absolutely positioned layer), or the current position in the document (for a relatively positioned layer). The style is defined as:-

#layer5 { position: absolute; top: 512px; left: 50px; background-color:#CCcccc; border-width: 10; border-color: #ffcc33; width: 512px; padding: 5%; } and is used as:- <div id=layer5> The style for a positioned block... ... </div>