HTML and CSS Reference
In-Depth Information
Attribute
Description
Layout
Styles that define the layout of elements
bottom:
y
Defines the vertical offset of the element's bottom edge, where
y
is
either a CSS unit of length or the keyword “auto” or “inherit”
clear:
type
Places the element only after the specified margin is clear of float-
ing elements, where
type
is inherit, none, left, right, or both
float:
type
Floats the element on the specified margin with subsequent con-
tent wrapping around the element, where
type
is inherit, none,
left, right, or both
float-offset:
horiz vert
Pushes floated elements in the opposite direction of where they
would have been, where
horiz
is the horizontal displacement and
vertical
is the vertical displacement (CSS3)
left:
x
Defines the horizontal offset of the element's left edge, where
x
is
either a CSS unit of length or the keyword “auto” or “inherit”
move-to:
type
Causes the element to be removed from the page flow and rein-
serted at later point in the document, where
type
is normal, here,
or an
id
value (CSS3)
position:
type
Defines how the element is positioned on the page, where
type
is
absolute, relative, fixed, static, and inherit
right:
x
Defines the horizontal offset of the element's right edge, where
x
is
either a CSS unit of length or the keyword “auto” or “inherit”
top:
y
Defines the vertical offset of the element's top edge, where
y
is a
CSS unit of length or the keyword “auto” or “inherit”
z-index:
value
Defines how overlapping elements are stacked, where
value
is either the stacking number (elements with higher stacking
numbers are placed on top) or the keyword “auto” to allow the
browser to determine the stacking order
Lists
Styles that format lists
list-style:
type image
position
Defines the appearance of a list item, where
type
is the marker
type,
image
is the URL of the location of an image file used for the
marker, and
position
is the position of the marker
list-style-image: url(
url
)
Defines image used for the list marker, where
url
is the location of
the image file
list-style-type:
type
Defines the marker type used in the list, where
type
is disc, circle,
square, decimal, decimal-leading-zero, lower-roman, upper-
roman, lower-alpha, upper-alpha, or none
list-style-position:
type
Defines the location of the list marker, where
type
is inside
or outside
marker-offset:
length
Defines the distance between the marker and the enclosing list
box, where
length
is either a CSS unit of length or the keyword
“auto” or “inherit” (CSS3)
Outlines
Styles to create and format outlines
outline:
color
style width
Creates an outline around the element content, where
color
is
the color of the outline,
style
is the outline style, and
width
is the
width of the outline
outline-color:
color
Defines the color of the outline
outline-offset:
value
Offsets the outline from the element border, where
value
is the
length of the offset (CSS3)
outline-style:
type
Defines the style of the outline, where
type
is dashed, dotted,
double, groove, inset, none, outset, ridge, solid, or inherit