clear sets the sides of the element where other floating elements are not allowed. Possible values are:
left | No floating elements allowed on the left side |
right | No floating elements allowed on the right side |
both | No floating elements allowed on either the left or the right side |
none | Default. Allows floating elements on both sides |
cursor specifies the type of cursor to be displayed. Possible values are:
Value | Description |
---|---|
url | |
auto | |
crosshair | |
default | |
pointer | |
move | |
e-resize | |
ne-resize | |
nw-resize | |
n-resize | |
se-resize | |
sw-resize | |
s-resize | |
w-resize | |
text | |
wait | |
help |
display sets how/if an element is displayed. Possible values are:
Value | Description |
---|---|
none | The element will not be displayed |
block | The element will be displayed as a block-level element, with a line break before and after the element |
inline | Default. The element will be displayed as an inline element, with no line break before or after the element |
list-item | The element will be displayed as a list |
run-in | The element will be displayed as block-level or inline element depending on context |
compact | The element will be displayed as block-level or inline element depending on context |
marker | |
table | The element will be displayed as a block table with a line break before and after the table |
inline-table | The element will be displayed as an inline table with no line break before or after the table |
table-row-group | The element will be displayed as a group of one or more rows like tbody |
table-header-group | The element will be displayed as a group of one or more rows like thead |
table-footer-group | The element will be displayed as a group of one or more rows like tfoot |
table-row | The element will be displayed as a table row like tr |
table-column-group | The element will be displayed as a group of one or more columns like colgroup tag |
table-column | The element will be displayed as a column of cells like col tag |
table-cell | The element will be displayed as a table cell like td and th |
table-caption | The element will be displayed as a table caption like the caption tag |
float sets where an image or a text will appear in another element. Possible values are:
Value | Description |
---|---|
left | The image or text moves to the left in the parent element |
right | The image or text moves to the right in the parent element |
none | Default. The image or the text will be displayed just where it occurs in the text |
position defines how an element should be position. Possible values are:
Value | Description |
---|---|
static | Default. An element with position: static always has the position the normal flow of the page gives it (a static element ignores any top, bottom, left, or right declarations) |
relative | An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position |
absolute | An element with position: absolute is positioned at the specified coordinates relative to its containing block. The element's position is specified with the "left", "top", "right", and "bottom" properties |
fixed | An element with position: fixed is positioned at the specified coordinates relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties. The element remains at that position regardless of scrolling. Works in IE7 (strict mode) |
visibility sets if an element should be visible or invisible. Possible values are:.
Value | Description |
---|---|
visible | The element is visible |
hidden | The element is invisible |
collapse | When used in table elements, this value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content. If this value is used on other elements, it renders as "hidden" |
line-height sets the distance between lines. Possible values are normal, number, length, %
max-height sets the maximum height of an element. Possible values are none, length, %
max-width sets the maximum width of an element. Possible values are none, length, %
min-height sets the minimum height of an element. Possible values are length, %
min-width sets the minimum width of an element. Possible values are length, %
font
font-size-adjust
font-stretch
margin
border
outline
padding
clip sets the shape of an element. The element is clipped into this shape, and displayed. Possible values are shape, auto
Value | Description |
---|---|
shape | Sets the shape of the element. The valid shape value is: rect (top, right, bottom, left) |
auto | Default. The browser sets the shape of the element |
overflow sets what happens if the content of an element overflow its area. Possible values are visible, hidden, scroll, auto.
Value | Description |
---|---|
visible | Default. The content is not clipped. It renders outside the element |
hidden | The content is clipped, but the browser does not display a scroll-bar to see the rest of the content |
scroll | The content is clipped, but the browser displays a scroll-bar to see the rest of the content |
auto | If the content is clipped, the browser should display a scroll-bar to see the rest of the content |
vertical-align sets the vertical alignment of an element. Possible values are:
Value | Description |
---|---|
baseline | Default. The element is placed on the baseline of the parent element |
sub | Aligns the element as it was subscript |
super | Aligns the element as it was superscript |
top | The top of the element is aligned with the top of the tallest element on the line |
text-top | The top of the element is aligned with the top of the parent element's font |
middle | The element is placed in the middle of the parent element |
bottom | The bottom of the element is aligned with the lowest element on the line |
text-bottom | The bottom of the element is aligned with the bottom of the parent element's font |
length | |
% | Aligns the element in a % value of the "line-height" property. Negative values are allowed |