23 September 2011

Classification and Positioning Properties


PropertyDescriptionPossible ValuesExamples
clearDeclares the side(s) of an element where no previous floating elements are allowed to be adjacent.
left
right
both
none
div { clear:right; }div { clear:both; }
cursorDeclares the type of cursor to be displayed.URL values, and the following prefefined values:
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
div { cursor:crosshair; }div { cusrsor:url(image.csr); }
div { cusrsor:url(image.csr), pointer; }
displayDeclares if/how the element displays.
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
div { display:none; }div { display:inline; }
div { display:marker; }
floatDeclares whether a box should float to the left or right of other content, or whether it should not be floated at all.
left
right
none
div { float:left; }div { float:right; }
visibilityDeclares the visibility of boxes generated by an element.visible
hidden
collapse
div { visibility:visible; }div { visibility:hidden; }
topDeclares the distance that the top content edge of the element is offset below the top edge of its containing block. The property of the element must also be set to a value other than .Lengths, percentages, and the predefined value .
div { top:15px; }div { top:2%; }
rightDeclares the distance that the right content edge of the element is offset to the left of the right edge of its containing block. The property of the element must also be set to a value other than .Lengths, percentages, and the predefined value .
div { right:15px; }div { right:2%; }
bottomDeclares the distance that the bottom content edge of the element is offset above the bottom edge of its containing block. The property of the element must also be set to a value other than .Lengths, percentages, and the predefined value .
div { bottom:15px; }div { bottom:2%; }
leftDeclares the distance that the left content edge of the element is offset to the right of the left edge of its containing block. The property of the element must also be set to a value other than .Lengths, percentages, and the predefined value .
div { left:15px; }div { left:2%; }
positionDeclares the type of positioning of an element.
static
relative
absolute
fixed
div { position:absolute; }div { position:relative; }
clipDeclares the shape of a clipped region when the value of the  property is set to a value other than .Shapes, or the predefined value .In CSS 2, the only valid shape is a rectangle, using the following format to specify the offset lengths from each side of the box:
rect(top, right, bottom, left)
div { clip:auto; }div { clip:rect(2px, 4px, 7px, 5px); }
overflowDeclares how content that overflows the element's box is handled.
visible
hidden
scroll
auto
div { overflow:hidden; }div { overflow:scroll; }
vertical-alignDeclares the vertical alignment of an inline-level element or a table cell.Lengths, percentages, and the following predefined values:
baseline
sub
super
top
text-top
middle
bottom
text-bottom
span { vertical-align:middle; }td { vertical-align:top; }
z-indexDeclares the stack order of the element.Integer values and the predefined value .
div { z-index:2; }div { z-index:auto; }

Tidak ada komentar:

Posting Komentar