CSS Layout and Display Style Properties
The layout and display properties in CSS play an extremely important role in determining how elements are laid out and arranged on the page.
bottom
Usage | Sets the offset between the bottom edge of the element and the bottom edge of its parent element. | Values | auto, length, %. |
clear
Usage | Determines the sides of an element where other floating elements are not allowed. | Values | left, right, both, none. |
clip
Usage | Sets the shape of an element. | Values | auto, shape. | Notes | The element is clipped to this shape when displayed. |
cursor
Usage | Specifies the type of mouse cursor to be displayed. | Values | 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
Usage | Sets whether and how an element is displayed. | Values | 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. |
float
Usage | Sets where an image or text will appear relative to another element. | Values | left, right, none. |
left
Usage | Sets the offset between the left edge of the element and the left edge of its parent element. | Values | auto, length, %. |
overflow
Usage | Determines what happens if the content of an element overflows its area. | Values | auto, visible, hidden, scroll. |
position
Usage | Specifies the layout of an element as using static, relative, absolute, or fixed positioning. | Values | static, relative, absolute, fixed. |
right
Usage | Sets the offset between the right edge of the element and the right edge of its parent element. | Values | auto, length, %. |
top
Usage | Sets the offset between the top edge of the element and the top edge of its parent element. | Values | auto, length, %. |
vertical-align
Usage | Sets the vertical alignment of an element. | Values | baseline, sub, super, top, text-top, middle, bottom, text-bottom, length, %. |
visibility
Usage | Determines whether an element should be shown (visible) or hidden (invisible). | Values | visible, hidden, collapse. |
z-index
Usage | Sets the z-order (stacking order) of an element. | Values | auto, number. |
|
