Page 107 - DCAP408_WEB_PROGRAMMING

Unit 4: Cascading Style Sheets

Result: Notes

PADDING
padding-top
padding-right
Padding
padding-bottom
padding-left
length
padding-bottom
%
length
padding-left
%
length
padding-right
%
length
padding-top
%

Example:
BLOCKQUOTE {padding-top: 0.3em}
BLOCKQUOTE {padding-left: 20%}
BLOCKQUOTE {padding-bottom: 2em}
H1 {background: white;
padding: 1em 2em;
}
4.4.9 Positioning Properties

When an element is called ‘positioned’ in the visual formatting model, it may or may not be
rendered immediately after the previous element in the document tree. An element that is
positioned (‘position’ property) has its rendering offset from the canvas origin or from its
normal flow position via the ‘top’, ‘right’, ‘bottom’, and ‘left’ properties.

LOVELY PROFESSIONAL UNIVERSITY 101