CSS: The Definitive Guide, 3rd Edition (72 page)
Read CSS: The Definitive Guide, 3rd Edition Online
Authors: Eric A. Meyer
Tags: #COMPUTERS / Web / Page Design
This property sets the width of the bottom padding for
an element. Bottom padding set on inline nonreplaced elements does not affect
line-height calculations; therefore, such an element with both bottom padding and a
background may visibly extend into other lines and potentially overlap other content.
Negative padding values are not permitted.
- Values:
| | inherit- Initial value:
0- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentage values, as specified; for length values, the absolute
length- Note:
Padding can never be negative
This property sets the width of the left padding for an element. Left padding set
for an inline nonreplaced element will appear only on the left edge of the first
inline box generated by the element. Negative padding values are not permitted.
- Values:
| | inherit- Initial value:
0- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentage values, as specified; for length values, the absolute
length- Note:
Padding can never be negative
This property sets the width of the right padding for an element. Right padding
set for an inline nonreplaced element will appear only on the right edge of the last
inline box generated by the element. Negative padding values are not permitted.
- Values:
| | inherit- Initial value:
0- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentage values, as specified; for length values, the absolute
length- Note:
Padding can never be negative
This property sets the width of the top padding for an
element. Top padding set on inline nonreplaced elements does not affect line-height
calculations; therefore, such an element with both top padding and a background may
visibly extend into other lines and potentially overlap other content. Negative
padding values are not permitted.
- Values:
| | inherit- Initial value:
0- Applies to:
All elements
- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For percentage values, as specified; for length values, the absolute
length- Note:
Padding can never be negative
This defines the positioning
scheme used to
lay out an element. Any element may be positioned, although elements positioned withabsoluteorfixedwill generate a block-level box no matter what kind of element they
are. An element that is relatively positioned is offset from its default placement in
the normal flow.
- Values:
static|relative|absolute|fixed|inherit- Initial value:
static- Applies to:
All elements
- Inherited:
No
- Computed value:
As specified
This property is used to determine the quotation pattern used with quotes and
nested quotes. The actual quote marks are inserted via the propertycontent.
- Values:
[
]+ | none|inherit- Initial value:
User agent-dependent
- Applies to:
All elements
- Inherited:
Yes
- Computed value:
As specified
This property defines the offset between the right outer
margin edge of a positioned element and the right edge of its containing block.
- Values:
| | auto|inherit- Initial value:
auto- Applies to:
Positioned elements (that is, elements for which the value of
positionis something other thanstatic)- Inherited:
No
- Percentages:
Refer to the width of the containing block
- Computed value:
For relatively positioned elements, see Note; for
staticelements,auto; for length values, the corresponding absolute length; for
percentage values, the specified value; otherwise,auto- Note:
For relatively positioned elements, the computed value of
leftalways equalsright
This property sets the horizontal alignment of text within a block-level element
by defining the point with which line boxes are aligned. The valuejustifyis supported by allowing user agents to
programmatically adjust the letter and word spacing of the line's content; results
may vary by user agent.
- CSS2.1 values:
left|center|right|justify|inherit- CSS2 values:
left|center|right|justify||inherit- Initial value:
User agent-specific; may also depend on writing direction
- Applies to:
Block-level elements
- Inherited:
Yes
- Computed value:
As specified
- Note:
CSS2 included a
value that was dropped from CSS2.1 due to
a lack of widespread support
This property allows certain text effects such as
underlining. These decorations will "span" descendant elements that do not have
decorations of their own. User agents are not required to supportblink.
- Values:
none| [underline||overline||line-through||blink] |inherit- Initial value:
none- Applies to:
All elements
- Inherited:
No
- Computed value:
As specified
Used to define the indentation of the first line of content in a block-level
element. This is most often used to create a "tab" effect. Negative values are
permitted and cause "outdent" (or "hanging indent") effects.
- Values:
| | inherit- Initial value:
0- Applies to:
Block-level elements
- Inherited:
Yes
- Percentages:
Refer to the width of the containg block
- Computed value:
For percentage values, as specified; for length values, the absolute
length
This property changes the case of letters in an element, regardless of the case of
the text in the document source. The determination of which letters are to be
capitalized by the valuecapitalizeis not
precisely defined, as it depends on user agents knowing how to recognize a "word."
- Values:
uppercase|lowercase|capitalize|none|inherit- Initial value:
none- Applies to:
All elements
- Inherited:
Yes
- Computed value:
As specified
This property defines the offset between the top outer
margin edge of a positioned element and the top edge of its containing block.
- Values:
| | auto|inherit- Initial value:
auto- Applies to:
Positioned elements (that is, elements for which the value of
positionis something other thanstatic)- Inherited:
No
- Percentages:
Refer to the height of the containing block
- Computed value:
For relatively positioned elements, see Note; for
staticelements,auto; for length values, the corresponding absolute length; for
percentage values, the specified value; otherwise,auto- Note:
For relatively positioned elements, if both
topandbottomareauto, their computed values are both0; if one of them isauto, it becomes the negative of the other; if neither isauto,bottomwill become the negative of the value oftop
This allows the author to generate levels of embedding within the Unicode
embedding algorithm. User agents that do not support bidirectional
text
are permitted to ignore this
property.
- Values:
normal|embed|bidi-override|inherit- Initial value:
normal- Applies to:
All elements
- Inherited:
No
- Computed value:
As specified