CSS: The Definitive Guide, 3rd Edition (71 page)
Read CSS: The Definitive Guide, 3rd Edition Online
Authors: Eric A. Meyer
Tags: #COMPUTERS / Web / Page Design
This sets the width of the bottom margin for an element. Negative values are
permitted, but use them with caution.
- Values:
| | auto|inherit- Initial value:
0- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentages, as specified; for length values, the absolute
length
This sets the width of the left margin for an element. Negative values are
permitted, but use them with caution.
- Values:
| | auto|inherit- Initial value:
0- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentages, as specified; for length values, the absolute
length
This sets the width of the right margin for an element.
Negative values are permitted, but use them with caution.
- Values:
| | auto|inherit- Initial value:
0- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentages, as specified; for length values, the absolute
length
This sets the width of the top margin for an element. Negative values are
permitted, but use them with caution.
- Values:
| | auto|inherit- Initial value:
0- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentages, as specified; for length values, the absolute
length
The value of this property sets a maximum constraint on the height of
the element. Thus,
the element can be shorter than the specified value, but not taller. Negative values
are not permitted.
- Values:
| | none|inherit- Initial value:
none- Applies to:
All elements except inline nonreplaced elements and table elements
- Inherited:
No
- Percentages:
Refer to the height of the containing block
- Computed value:
For percentages, as specified; for length values, the absolute length;
otherwise,none
The value of this property
sets a maximum constraint on the width of
the element. Thus,
the element can be narrower than the specified value, but not wider. Negative values
are not permitted.
- Values:
| | none|inherit- Initial value:
none- Applies to:
All elements except inline nonreplaced elements and table elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentages, as specified; for length values, the absolute length;
otherwise,none
The value of this property sets a minimum constraint on the height of
the
element. Thus, the element can be taller than the specified value, but not shorter.
Negative values are not permitted.
- Values:
| | inherit- Initial value:
0- Applies to:
All elements except inline nonreplaced elements and table elements
- Inherited:
No
- Percentages:
Refer to the height of the containing block
- Computed value:
For percentages, as specified; for length values, the absolute
length
The value of this property sets a minimum constraint on the width of the element.
Thus, the element can be wider than the specified value, but not narrower. Negative
values are not permitted.
- Values:
| | inherit- Initial value:
0- Applies to:
All elements except inline nonreplaced elements and table elements
- Inherited:
No
- Percentages:
refer to the width of the containing block
- Computed value:
For percentages, as specified; for length values, the absolute length;
otherwise,none
This shorthand property is used to set the overall outline
for an element. Outlines can be of irregular shape, and they do not change or
otherwise affect the placement of elements.
- Values:
[
|| ||
] |inherit- Initial value:
Not defined for shorthand properties
- Applies to:
All elements
- Inherited:
No
- Computed value:
See individual properties (
outline-color, etc.)
This property sets the color for the visible portions of the overall outline of an
element. Remember that an outline's style must be something other thannonefor any border to appear.
- Values:
| invert|inherit- Initial value:
invert(or user agent-specific; see
text)- Applies to:
All elements
- Inherited:
No
- Computed value:
As specified
This property is used to set the style for the overall border of an element. The
style must be something other thannonefor any
outline to appear.
- Values:
none|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit- Initial value:
none- Applies to:
All elements
- Inherited:
No
- Computed value:
As specified
This property sets the width for the overall outline of an element. The width will
take effect only for a given outline if the outline's style is something other thannone. If the style isnone, the width is effectively reset to0. Negative length values are not permitted.
- Values:
thin|medium|thick|| inherit- Initial value:
medium- Applies to:
All elements
- Inherited:
No
- Computed value:
Absolute length;
0if the style of the
border isnoneorhidden
This defines what happens
to content that overflows the content area of an element. For the value scroll, user
agents are supposed to provide a scrolling mechanism whether or not it is actually
needed; thus, for example, scrollbars would appear even if all content can fit within
the element box.
- Values:
visible|hidden|scroll|auto|inherit- Initial value:
visible- Applies to:
Block-level and replaced elements
- Inherited:
No
- Computed value:
As specified
This shorthand property sets the width of the overall padding for an element or
sets the widths of each individual side padding. Padding set on inline nonreplaced
elements does not affect line-height calculations; therefore, such an element with
both padding and a background may visibly extend into other lines and potentially
overlap other content. The background of the element will extend throughout the
padding. Negative padding values are not permitted.
- Values:
[
| ]{1,4} | inherit- Initial value:
Not defined for shorthand elements
- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
See individual properties (
padding-top, etc.)- Note:
Padding can never be negative