• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Part 2: CSS1 > THE BOX FAMILY OF PROPERTIES

Chapter 12. THE BOX FAMILY OF PROPERTIES

Topics in This Chapter

  • The BORDER-STYLE Property

  • The BORDER-COLOR Property

  • The BORDER-WIDTH Property

  • The BORDER-BOTTOM, BORDER-TOP, BORDER-LEFT and BORDER-RIGHT Properties

  • The BORDER-"Side"-WIDTH Properties

  • The BORDER Property

  • The CLEAR Property

  • The FLOAT Property

  • The HEIGHT and WIDTH Properties

  • The PADDING-"Side" Properties

  • The MARGIN-"Side" Properties

The box family of CSS properties is the largest CSS family, with 28 separate properties. While this sounds impressive, the majority of these properties are only a slight variation upon a common formatting theme. Most of these properties can be collected together into one of three sub-groups of similar properties (they share the same name prefix): the border, margin and padding groups. The border sub-group controls the type, color and placement of borders around elements on a Web page. The margin sub-group handles where margins should appear between elements on a Web page, and the padding subgroup takes care of spacing between a Web element and a border. There are four separate properties (CLEAR, FLOAT, HEIGHT and WIDTH) that do not fit neatly into any of these categories, but these "miscellaneous" properties all have a role to play in placing and sizing elements on a Web page.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint