Dec 4th, 2013 at 01:24 PM

CSS Classification Properties

Today i have revised CSS Classification Properties sharing with my VCampus friends given below:

The CSS classification properties allow you to control how to display an element, set where an image will appear in another element, position an element relative to its normal position, position an element using an absolute value, and how to control the visibility of an element.

Browser support:

IE: Internet Explorer, F: Firefox, N: Netscape.

W3C:

The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2). [table] [td style="border:1px solid lightgray; padding:3px;"]Property[/td][td style="border:1px solid lightgray; padding:3px;"]Description[/td][td style="border:1px solid lightgray; padding:3px;"]Values[/td][td style="border:1px solid lightgray; padding:3px;"]IE[/td][td style="border:1px solid lightgray; padding:3px;"]F[/td][td style="border:1px solid lightgray; padding:3px;"]N[/td][td style="border:1px solid lightgray; padding:3px;"]W3C[/td] [br] [td style="border:1px solid lightgray; padding:3px;"]clear[/td] [td style="border:1px solid lightgray; padding:3px;"]Sets the sides of an element where other floating elements are not allowed [/td] [td style="border:1px solid lightgray; padding:3px;"]left[br] right[br] both[br] none [/td] [td style="border:1px solid lightgray; padding:3px;"]4[/td] [td style="border:1px solid lightgray; padding:3px;"]1[/td] [td style="border:1px solid lightgray; padding:3px;"]4[/td] [td style="border:1px solid lightgray; padding:3px;"]1[/td] [br] [td style="border:1px solid lightgray; padding:3px;"]cursor[/td][td style="border:1px solid lightgray; padding:3px;"]Specifies the type of cursor to be displayed[/td] [td style="border:1px solid lightgray; padding:3px;"]url[br] auto[br] crosshair[br] default[br] pointer[br] move[br] e-resize[br] ne-resize[br] nw-resize[br] n-resize[br] se-resize[br] sw-resize[br] s-resize[br] w-resize[br] text[br] wait[br] help [/td] [td style="border:1px solid lightgray; padding:3px;"]4[/td][td style="border:1px solid lightgray; padding:3px;"]1[/td][td style="border:1px solid lightgray; padding:3px;"]6[/td][td style="border:1px solid lightgray; padding:3px;"]2[/td] [br] [td style="border:1px solid lightgray; padding:3px;"]display[/td][td style="border:1px solid lightgray; padding:3px;"]Sets how/if an element is displayed[/td] [td style="border:1px solid lightgray; padding:3px;"]none[br] inline[br] block[br] list-item[br] run-in[br] compact[br] marker[br] table[br] inline-table[br] table-row-group[br] table-header-group[br] table-footer-group[br] table-row[br] table-column-group[br] table-column[br] table-cell[br] table-caption [/td][td style="border:1px solid lightgray; padding:3px;"]4[/td][td style="border:1px solid lightgray; padding:3px;"]1[/td][td style="border:1px solid lightgray; padding:3px;"]4[/td][td style="border:1px solid lightgray; padding:3px;"]1[/td] [br] [td style="border:1px solid lightgray; padding:3px;"]float[/td][td style="border:1px solid lightgray; padding:3px;"]Sets where an image or a text will appear in another element[/td][td style="border:1px solid lightgray; padding:3px;"]left[br] right[br] none [/td][td style="border:1px solid lightgray; padding:3px;"]4[/td][td style="border:1px solid lightgray; padding:3px;"]1[/td][td style="border:1px solid lightgray; padding:3px;"]4[/td][td style="border:1px solid lightgray; padding:3px;"]1[/td] [br] [td style="border:1px solid lightgray; padding:3px;"]position[/td][td style="border:1px solid lightgray; padding:3px;"]Places an element in a static, relative, absolute or fixed position[/td] [td style="border:1px solid lightgray; padding:3px;"]static[br] relative[br] absolute[br] fixed [/td][td style="border:1px solid lightgray; padding:3px;"]4[/td][td style="border:1px solid lightgray; padding:3px;"]1[/td][td style="border:1px solid lightgray; padding:3px;"]4[/td][td style="border:1px solid lightgray; padding:3px;"]2[/td] [br] [td style="border:1px solid lightgray; padding:3px;"]visibility[/td][td style="border:1px solid lightgray; padding:3px;"]Sets if an element should be visible or invisible[/td] [td style="border:1px solid lightgray; padding:3px;"]visible[br] hidden[br] collapse [/td][td style="border:1px solid lightgray; padding:3px;"]4[/td][td style="border:1px solid lightgray; padding:3px;"]1[/td][td style="border:1px solid lightgray; padding:3px;"]6[/td][td style="border:1px solid lightgray; padding:3px;"]2[/td]