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

margin-bottom

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

margin-left

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

margin-right

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

margin-top

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

max-height

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

max-width

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

min-height

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

min-width

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

outline

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.)

outline-color

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 than
none
for 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

outline-style

This property is used to set the style for the overall border of an element. The
style must be something other than
none
for 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

outline-width

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 than
none
. If the style is
none
, the width is effectively reset to
0
. Negative length values are not permitted.

Values:

thin
|
medium
|
thick
|
|
inherit

Initial value:

medium

Applies to:

All elements

Inherited:

No

Computed value:

Absolute length;
0
if the style of the
border is
none
or
hidden

overflow

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

padding

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

Other books

When a Billion Chinese Jump by Jonathan Watts
Four Miles to Freedom by Faith Johnston
The Mirage by Naguib Mahfouz
Under the Surface by Katrina Penaflor
Turned by Virna Depaul
One That Came Back by Lexy Timms