CSS Box Model


CSS Tutorial  >  Box Model

The box model is an important concept in CSS. It dictates how elements are laid out. The box model is shown below:

The innermost component is the content. Padding is applied outside the content area. Border is then applied outside of the padding area. Finally, margin is applied outside of the padding area. Margins specify the relationship between different elements.

The relevant CSS commands are margin, border, and padding. Each one will be descried in more detail below.

Next: CSS Margin





Copyright 1keydata.com 2007, 2008, All Rights Reserved.   Privacy Policy



CSS Tutorial
CSS Syntax
Apply CSS
CSS Media Types
CSS Cascade
CSS Inheritance
CSS Class ID
CSS Div Span
CSS Length Units

CSS Box Model
CSS Margin
CSS Border
CSS Padding
CSS Background
CSS Color
CSS Font
CSS Link
CSS List
CSS Table
CSS Position
CSS Text
CSS Float
CSS Clear
CSS Cursor

CSS Codes

Resources