7.10 Common Margin Properties-BlockCommon Margin Properties-Block
"margin-top"
CSS2 Definition:
0prop-summary
lefttop| 11lefttopValue: | 11lefttop<margin-width> | inherit |
lefttop| 11lefttopInitial: | 11lefttop0pt |
lefttop| 11lefttopApplies to: | 11lefttopall elements |
lefttop| 11lefttopInherited: | 11lefttopno |
lefttop| 11lefttopPercentages: | 11lefttoprefer to width of containing block |
lefttop| 11lefttopMedia: | 11lefttopvisual |
CSS2 Reference:
[
"margin-top" property
]
http://www.w3.org/TR/REC-CSS2/box.html#propdef-margin-top
Margin-width may be one of the following:
-
auto
-
See the CSS2 section on computing
widths and margins for behavior.
-
<length>
-
Specifies a fixed width.
-
<percentage>
-
The percentage is calculated with respect to the width
of the generated box's containing block. This is true for 'margin-top'
and 'margin-bottom', except in the page context, where percentages
refer to page box height.
Negative values for margin properties
are allowed, but there may be implementation-specific limits.
Sets the top margin of a box.
XSL modifications to the CSS definition:
margin-bottom[top]
"margin-bottom"
CSS2 Definition:
0prop-summary
lefttop| 11lefttopValue: | 11lefttop<margin-width> | inherit |
lefttop| 11lefttopInitial: | 11lefttop0pt |
lefttop| 11lefttopApplies to: | 11lefttopall elements |
lefttop| 11lefttopInherited: | 11lefttopno |
lefttop| 11lefttopPercentages: | 11lefttoprefer to width of containing block |
lefttop| 11lefttopMedia: | 11lefttopvisual |
CSS2 Reference:
[
"margin-bottom" property
]
http://www.w3.org/TR/REC-CSS2/box.html#propdef-margin-bottom
Margin-width may be one of the
following:
-
auto
-
See the CSS2 section on computing
widths and margins for behavior.
-
<length>
-
Specifies a fixed width.
-
<percentage>
-
The percentage is calculated with respect to the width
of the generated box's containing block. This is true for 'margin-top'
and 'margin-bottom', except in the page context, where percentages
refer to page box height.
Negative values for margin properties
are allowed, but there may be implementation-specific limits.
Sets the bottom margin of a box.
XSL modifications to the CSS definition:
margin-left[top]
"margin-left"
CSS2 Definition:
0prop-summary
lefttop| 11lefttopValue: | 11lefttop<margin-width> | inherit |
lefttop| 11lefttopInitial: | 11lefttop0pt |
lefttop| 11lefttopApplies to: | 11lefttopall elements |
lefttop| 11lefttopInherited: | 11lefttopno |
lefttop| 11lefttopPercentages: | 11lefttoprefer to width of containing block |
lefttop| 11lefttopMedia: | 11lefttopvisual |
CSS2 Reference:
[
"margin-left" property
]
http://www.w3.org/TR/REC-CSS2/box.html#propdef-margin-left
Margin-width may be one of the
following:
-
auto
-
See the CSS2 section on computing
widths and margins for behavior.
-
<length>
-
Specifies a fixed width.
-
<percentage>
-
The percentage is calculated with respect to the width
of the generated box's containing block.
Negative values for margin properties
are allowed, but there may be implementation-specific limits.
Sets the left margin of a box.
XSL modifications to the CSS definition:
margin-right[top]
"margin-right"
CSS2 Definition:
0prop-summary
lefttop| 11lefttopValue: | 11lefttop<margin-width> | inherit |
lefttop| 11lefttopInitial: | 11lefttop0pt |
lefttop| 11lefttopApplies to: | 11lefttopall elements |
lefttop| 11lefttopInherited: | 11lefttopno |
lefttop| 11lefttopPercentages: | 11lefttoprefer to width of containing block |
lefttop| 11lefttopMedia: | 11lefttopvisual |
CSS2 Reference:
[
"margin-right" property
]
http://www.w3.org/TR/REC-CSS2/box.html#propdef-margin-right
Margin-width may be one of the
following:
-
auto
-
See the CSS2 section on computing
widths and margins for behavior.
-
<length>
-
Specifies a fixed width.
-
<percentage>
-
The percentage is calculated with respect to the width
of the generated box's containing block.
Negative values for margin properties
are allowed, but there may be implementation-specific limits.
Sets the right margin of a box.
XSL modifications to the CSS definition:
space-before[top]
"space-before"
XSL Definition:
0prop-summary
lefttop| 11lefttopValue: | 11lefttop<space> | inherit |
lefttop| 11lefttopInitial: | 11lefttopspace.minimum=0pt, .optimum=0pt, .maximum=0pt,
.conditionality=discard, .precedence=0 |
lefttop| 11lefttopApplies to: | 11lefttopall block-level formatting objects |
lefttop| 11lefttopInherited: | 11lefttopno |
lefttop| 11lefttopPercentages: | 11lefttopN/A (Differs from margin-top in CSS) |
lefttop| 11lefttopMedia: | 11lefttopvisual |
Values have the following meanings:
-
<space>
-
Specifies the minimum, optimum, and maximum values
for the space before any areas generated by this formatting object
and the conditionality and precedence of this space.
Specifies the value of the space-specifier for the space before
the areas generated by this formatting object.
A definition of space-specifiers, and
the interaction between space-specifiers occurring in sequence are
given in
[spacecond]
.
NOTE:
A common example of such a sequence is the "space-after" on
one area and the "space-before" of its next sibling.
space-after[top]
"space-after"
XSL Definition:
0prop-summary
lefttop| 11lefttopValue: | 11lefttop<space> | inherit |
lefttop| 11lefttopInitial: | 11lefttopspace.minimum=0pt, .optimum=0pt, .maximum=0pt,
.conditionality=discard, .precedence=0 |
lefttop| 11lefttopApplies to: | 11lefttopall block-level formatting objects |
lefttop| 11lefttopInherited: | 11lefttopno |
lefttop| 11lefttopPercentages: | 11lefttopN/A (Differs from margin-bottom in CSS) |
lefttop| 11lefttopMedia: | 11lefttopvisual |
Values have the following meanings:
-
<space>
-
Specifies the minimum, optimum, and maximum values
for the space after any areas generated by this formatting object
and the conditionality and precedence of this space.
Specifies the value of the space-specifier for the space after
the areas generated by this formatting object.
A definition of space-specifiers, and
the interaction between space-specifiers occurring in sequence are
given in
[spacecond]
.
NOTE:
A common example of such a sequence is the "space-after" on
one area and the "space-before" of its next sibling.
start-indent[top]
"start-indent"
XSL Definition:
0prop-summary
lefttop| 11lefttopValue: | 11lefttop<length> | <percentage> | inherit |
lefttop| 11lefttopInitial: | 11lefttop0pt |
lefttop| 11lefttopApplies to: | 11lefttopall block-level formatting objects |
lefttop| 11lefttopInherited: | 11lefttopyes |
lefttop| 11lefttopPercentages: | 11lefttoprefer to inline-progression-dimension
of containing reference-area |
lefttop| 11lefttopMedia: | 11lefttopvisual |
Values have the following meanings:
-
<length>
-
The "start-indent" is specified as a length.
-
<percentage>
-
The "start-indent" is specified as a percentage of
the inline-progression-dimension of the containing reference-area.
For each block-area generated by this formatting object, specifies the
distance from the start-edge of the content-rectangle of the containing
reference-area to the start-edge of the content-rectangle of that
block-area.
This property may have a negative value, which indicates an outdent.
"end-indent"
XSL Definition:
0prop-summary
lefttop| 11lefttopValue: | 11lefttop<length> | <percentage> | inherit |
lefttop| 11lefttopInitial: | 11lefttop0pt |
lefttop| 11lefttopApplies to: | 11lefttopall block-level formatting objects |
lefttop| 11lefttopInherited: | 11lefttopyes |
lefttop| 11lefttopPercentages: | 11lefttoprefer to inline-progression-dimension
of containing reference-area |
lefttop| 11lefttopMedia: | 11lefttopvisual |
Values have the following meanings:
-
<length>
-
The "end-indent" is specified as a length.
-
<percentage>
-
The "end-indent" is specified as a percentage of
the inline-progression-dimension of the containing reference-area.
For each block-area generated by this formatting object, specifies the
distance from the end-edge of the content-rectangle of
that block-area
to the end-edge of the content-rectangle of the containing
reference-area.
This property may have a negative value, which indicates an outdent.
|