Property | Description | Possible Values | Examples |
---|---|---|---|
clear | Declares 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; }
|
cursor | Declares 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; } |
display | Declares 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; } |
float | Declares 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; }
|
visibility | Declares the visibility of boxes generated by an element. | visible hidden collapse |
div { visibility:visible; }div { visibility:hidden; }
|
top | Declares the distance that the top content edge of the element is offset below the top edge of its containing block. The positionproperty of the element must also be set to a value other than static. | Lengths, percentages, and the predefined value auto. |
div { top:15px; }div { top:2%; }
|
right | Declares the distance that the right content edge of the element is offset to the left of the right edge of its containing block. Theposition property of the element must also be set to a value other than static. | Lengths, percentages, and the predefined value auto. |
div { right:15px; }div { right:2%; }
|
bottom | Declares the distance that the bottom content edge of the element is offset above the bottom edge of its containing block. The positionproperty of the element must also be set to a value other than static. | Lengths, percentages, and the predefined value auto. |
div { bottom:15px; }div { bottom:2%; }
|
left | Declares the distance that the left content edge of the element is offset to the right of the left edge of its containing block. Theposition property of the element must also be set to a value other than static. | Lengths, percentages, and the predefined value auto. |
div { left:15px; }div { left:2%; }
|
position | Declares the type of positioning of an element. |
static
relative absolute fixed |
div { position:absolute; }div { position:relative; }
|
clip | Declares the shape of a clipped region when the value of the overflow property is set to a value other than visible. | Shapes, or the predefined value auto.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); }
|
overflow | Declares how content that overflows the element's box is handled. |
visible
hidden scroll auto |
div { overflow:hidden; }div { overflow:scroll; }
|
vertical-align | Declares 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-index | Declares the stack order of the element. | Integer values and the predefined value auto. |
div { z-index:2; }div { z-index:auto; }
|
23 September 2011
Classification and Positioning Properties
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar