See the diagram below to help you understand the affects of these properties.
Visibility
Options and behavior:
Visible - Set the element to be visible on the page
Hidden - Hide the element so that it won't appear
Collapse - Removes a row or column in a table. This is only relevant for table elements. If selected on a non-table element, they will instead be hidden.
Overflow
Options and behavior:
Visible - Set the element to be visible on the page
Hidden - Hide the element so that it won't appear
Scroll - Overflow content is hidden, but a scroll bar is added to view it
Auto - Adds a scroll bar to view overflow content by default.
X-overflow
Set what happens to the overflow content of an element to its left and right.
Options and behavior:
Visible - Overflow content is visible outside the content box
Hidden - Overflow content outside the content box is hidden
Scroll - Overflow content is hidden, but a scroll bar is added to view it
Auto - Adds a scroll bar to view overflow content by default.
Y-overflow
Set what happens to the overflow content of an element at its top and bottom.
Options and behavior:
Visible - Overflow content is visible outside the content box
Hidden - Overflow content outside the content box is hidden
Scroll - Overflow content is hidden, but a scroll bar is added to view it
Auto - Adds a scroll bar to view overflow content by default.
See the diagram below to help you understand the affects of these properties.
Visibility
Options and behavior:
Visible - Set the element to be visible on the page
Hidden - Hide the element so that it won't appear
Collapse - Removes a row or column in a table. This is only relevant for table elements. If selected on a non-table element, they will instead be hidden.
Overflow
Options and behavior:
Visible - Set the element to be visible on the page
Hidden - Hide the element so that it won't appear
Scroll - Overflow content is hidden, but a scroll bar is added to view it
Auto - Adds a scroll bar to view overflow content by default.
X-overflow
Set what happens to the overflow content of an element to its left and right.
Options and behavior:
Visible - Overflow content is visible outside the content box
Hidden - Overflow content outside the content box is hidden
Scroll - Overflow content is hidden, but a scroll bar is added to view it
Auto - Adds a scroll bar to view overflow content by default.
Y-overflow
Set what happens to the overflow content of an element at its top and bottom.
Options and behavior:
Visible - Overflow content is visible outside the content box
Hidden - Overflow content outside the content box is hidden
Scroll - Overflow content is hidden, but a scroll bar is added to view it
Auto - Adds a scroll bar to view overflow content by default.