| 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. |
|
