Home >> Tutorials/FAQs >> CSS Tutorials >> Index
CSS Tutorials - What Is a Block Element
By: FYICenter.com
(Continued from previous topic...)
What Is a Block Element?
A block element is formatted as a rectangular block occupying the entire width of the parent content box.
Examples of block elements are:
- <P> - A paragraph of text and/or inline elements.
- <PRE> - A paragraph of text with white spaces preserved.
- <LI> - A list item. Identical to <P; except that it has list-item marker on the left.
- <TABLE> - A table of cells. Each cell is identical to <P>
- <FORM> - An input form. Identical to <P> except that it has no margins.
- <DIV> - A container to group elements into a block element.
- <H1/H2/H3...> - A title line. Identical to <P> except that it has different margins and font size
- <HR> - A horizontal ruler.
(Continued on next topic...)
- What Is the HTML Element Formatting Model?
- What Are the Formatting Behaviors of HTML Elements?
- What Is a Block Element?
- What Is an Inline Element?
- What Is a Floating Element?
- Hot To Specify the Content Box Size of a Block Element?
- Hot To Specify Padding Spaces of a Block Element?
- Hot To Test Padding Spaces on All 4 Sides?
- How To Specify Borders of a Block Element?
- Hot To Test Borders with Different Widths, Styles, and Colors?
- How To Specify Margin Spaces of a Block Element?
- How To Test Margin Spaces on All 4 Sides?
- How To Specify the Color of the Margin Area?
- How To Specify the Color of the Padding Area?
- What Are the Background Properties of a Block Element?
- How To Set Background to Transparent or Non-transparent?
- How To Add Images to Backgrounds?
- What Is the Text Paragraph Formatting Model?
- How In-Line Elements Are Mixed in Text Lines?
- How In-line Elements Affect Line Box Heights?
- Is FORM a Block Element?
|