CSS

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
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License