Border and layout

The following cascading style sheet properties specifically apply to layout: borders, margins, and padding.

Properties

  • border   Sets the properties to draw around the object.

  • border-collapse   Sets a value that indicates whether the row and cell borders of a table are joined in a single border or detached as in standard HTML.

  • border-color   Sets the border color of the object.

  • border-radius   Defines the degree to which border corners will be rounded.

  • border-top-left-radius   Defines the degree to which the top-left border corner will be rounded.

  • border-top-right-radius   Defines the degree to which the top-right border corner will be rounded.

  • border-bottom-left-radius   Defines the degree to which the bottom-left border corner will be rounded.

  • border-bottom-right-radius   Defines the degree to which the bottom-right border corner will be rounded.

  • border-style   Sets the style of the left, right, top, and bottom borders of the object.

  • border-width   Sets the width of the left, right, top, and bottom borders of the object.

  • border-top   Sets the properties of the top border of the object.

  • border-top-color   Sets the color of the top border of the object.

  • border-top-style   Sets the style of the top border of the object.

  • border-top-width   Sets the width of the top border of the object.

  • border-right   Sets the properties of the right border of the object.

  • border-right-color   Sets the color of the right border of the object.

  • border-right-style   Sets the style of the right border of the object.

  • border-right-width   Sets the width of the right border of the object.

  • border-bottom   Sets the properties of the bottom border of the object.

  • border-bottom-color   Sets the color of the bottom border of the object.

  • border-bottom-style   Sets the style of the bottom border of the object.

  • border-bottom-width   Sets the width of the bottom border of the object.

  • border-left   Sets the properties of the left border of the object.

  • border-left-width   Sets the width of the left border of the object.

  • border-left-color   Sets the color of the left border of the object.

  • border-left-style   Sets the style of the left border of the object.

  • clear   Sets whether the object allows floating objects on its left side, right side, or both, so that the next text displays after the floating objects.

  • margin   Sets the width of the top, right, bottom, and left margins of the object.

  • margin-top    Sets the size of the top margin of the object.

  • margin-right    Sets the size of the right margin of the object.

  • margin-bottom    Sets the size of the bottom margin of the object.

  • margin-left   Sets the size of the left margin of the object.

  • padding   Sets the amount of space to insert between the object and its border, or, if there is no border, between the object and its margin.

  • padding-top   Sets the amount of space to insert between the object and its top border.

  • padding-right   Sets the amount of space to insert between the object and its right border.

  • padding-bottom   Sets the amount of space to insert between the object and its bottom border.

  • padding-left   Sets the amount of space to insert between the object and its left border.

  • table-layout   Sets a string that indicates whether the table layout is fixed.

See also

Concepts

Cascading style sheet reference
Properties by category
Properties by name

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.